Das Duet Design System

etwa 5000~500000

589

Erfolgreiches Geschäft. Ruhm und Reichtum Ji

4

159.25.16.130

DuetDesignSystem/*!@:host*/.sc-duet-spinner-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:absolute;top:50%;left:50%;z-index:800;max-width:100%}/*!@:host(.duet-theme-default).duet-spinner*/.duet-theme-default.sc-duet-spinner-h.duet-spinner.sc-duet-spinner{color:rgb(0,119,179)!important}/*!@:host(.duet-theme-turva).duet-spinner*/.duet-theme-turva.sc-duet-spinner-h.duet-spinner.sc-duet-spinner{color:rgb(198,12,48)!important}/*!@:host(.duet-custom-color)*/.duet-custom-color.sc-duet-spinner-h{color:inherit}/*!@*,*::after,*::before*/*.sc-duet-spinner,*.sc-duet-spinner::after,*.sc-duet-spinner::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@.duet-spinner*/.duet-spinner.sc-duet-spinner{-webkit-user-select:none;user-select:none;position:absolute;top:50%;left:50%;z-index:800;width:24px;height:24px;color:rgb(0,119,179);border:2pxsolidtransparent;border-left:2pxsolidcurrentColor;border-radius:50%;transform:translateZ(0)translateX(-50%)translateY(-50%);transform-origin:0%0%;animation:duetRotate0.6slinearinfinite}/*!@.duet-spinner::after*/.duet-spinner.sc-duet-spinner::after{position:absolute;top:50%;left:50%;z-index:200;box-sizing:content-box;width:100%;height:100%;overflow:hidden;content:"";border:2pxsolidcurrentColor;border-radius:50%;opacity:0.3;transform:translateZ(0)translateX(-50%)translateY(-50%);transform-origin:0%0%}/*!@.duet-spinner.medium*/.duet-spinner.medium.sc-duet-spinner{width:36px;height:36px;border-width:4px}/*!@.duet-spinner.medium::after*/.duet-spinner.medium.sc-duet-spinner::after{border-width:4px}/*!@.duet-spinner.large*/.duet-spinner.large.sc-duet-spinner{width:72px;height:72px;border-width:8px}/*!@.duet-spinner.large::after*/.duet-spinner.large.sc-duet-spinner::after{border-width:8px}@keyframesduetRotate{0%{transform:translateZ(0)rotate(0deg)translateX(-50%)translateY(-50%)}100%{transform:translateZ(0)rotate(360deg)translateX(-50%)translateY(-50%)}}document.documentElement.classList.remove("no-js");functiongetParameterByName(name){varmatch=RegExp('[?&]'+name+'=([^&]*)').exec(window.location.search);returnmatch&&decodeURIComponent(match[1].replace(/\+/g,''));}if(getParameterByName("theme")==="localtapiola"||location.pathname==="/pes/brand-guidelines/"){document.documentElement.classList.remove("duet-theme-turva")document.querySelector("meta[name=theme-color]").setAttribute("content","#0077b3")if(localStore&&localStore.getItem("session-theme-turva")){localStore.removeItem("session-theme-turva")}}elseif(getParameterByName("theme")==="turva"||localStore&&localStore.getItem("session-theme-turva")||location.pathname==="/pes/brand-guidelines-turva/"){if(!document.documentElement.classList.contains("duet-no-theming")){document.documentElement.classList.add("duet-theme-turva")localStore.setItem("session-theme-turva",true)document.querySelector("meta[name=theme-color]").setAttribute("content","#c60c30")Das Duet Design System}}(function(fn){varWebP=newIme();WebP.onload=WebP.onerror=function(){isSupported=(WebP.height===2);if(isSupported){document.documentElement.className+='webp';}else{document.documentElement.className+='no-webp';}};WebP.src='data:ime/webp;base64,UklGRjoAAABXRUJQVlA4IC4AAACyCdASoCAAIALmk0mk0iIiIiIgBoSygABc6WWgAA/veff/0PP8bA//LwYAAA';})();SkiptomaincontentDuetLocalTapiolaTurvaSearchdocumentDas Duet Design SystemationGethelpColorblindmodeLowvisionmodeGettingStartedAboutDuetDesignersDevelopersGuidelinesAccessibilityCSSFrameworkComponentsUseContentDeliveryNetworkDataFormatsDesignPrinciplesDevStandardsIllustrationsNamingSpacingTypographyTutorialsBuildingLayoutsCreatingCustomPatternsServerSideRenderingSharingPrototypesUseWithMarkdownUsingCLIToolsDesignTokensColorDataVisualizationFontFontSizeBorderRadiusBoxShadowSpaceSizeOpacityZ-indexLineHeightTransitionMediaQueryAboutComponentsActionButtonAlertBadgeBannerBreadcrumbsButtonCalloutCaptionCardCheckboxChipChoiceChoiceGroupCollapsibleComboboxContactCardCookieConsentDatePickerDividerEditableTableEmptyStateFieldsetFilechooserFooterGridHeaderHeadingHeroAreaIconInputLabelLayoutLinkListListItemLogoMenuBarMenuBarButtonMenuBarDropdownMenuBarDropdownLinkMenuBarItemMenuBarLinkModalMultiselectNNotificationNotificationDrawerNumberInputPeHeadingPinationParraphPopupMenuPopupMenuItemProgressPromocardRadioRadioGroupRangeSliderRangeStepperScrollableSectionlayoutSelectShapedimeShowmoreSlideoutSlideoutLangSlideoutLinkSlideoutPanelSlideoutPanelDropdownSpacerSpinnerStepperSubmenuBarSubmenuBarDropdownSubmenuBarDropdownLinkSubmenuBarItemSubmenuBarLinkTabGroupTableTextareaToggleToolbarToolbarDropdownToolbarDropdownLinkToolbarItemToolbarLinkTooltipTrayUploadVisuallyHiddenTemplatesAuthorCookieContentOverlayErrorandSuccessFormComponentsFormValidationOnSubmitFormValidationWhileFillingGridExampleHeroAreaHeroArea(ime)HeroArea(light)HeroArea(minimal)LandingPeLoadMoreLoadingStateMaintenanceNarrowLayoutNativeAppPinationPinationwitheditabletablePaymentWallPriceSummaryPromotioniconsSearchSinglepeapplicationStepperSurveysTablesTabsResourcesIconographyChangelogContributingSupportFAQBrandGuidelines(FI)BrandGuidelines(FI)ElementitVisuaalisuusAineisto-ohjeetSignInDuetDesignSystemDuetprovidesasetoforganizedtools,patternsandpDas Duet Design SystemracticesthatworkasthefoundationforLocalTapiolaand Turvadigitalproductsandexperiences.GuidesFollowthesepracticalguidestogetstarteddesigninganddevelopingexperiencesforLocalTapiolaandTurva.AboutWhatisDuet?GuidelinesGettingStartedQuestionsFrequentlyAskedQuestions©varyear=newDate().getFullYear()varel=document.getElementById("year")el.innerHTML=""el.appendChild(document.createTextNode(year))LocalTapiolaTurva.Allrightsreserved.v8.5.1Termsofuseif(nigator.serviceWorker){window.addEventListener("load",function(){nigator.serviceWorker.register("/serviceworker.js",{scope:"/"});});}