rk-designsystem
Version:
A React component library built on top of Digdir Design System
2 lines (1 loc) • 21 kB
CSS
._calendarContainer_10l5p_1{display:inline-flex;padding:var(--ds-size-8, 32px);flex-direction:column;align-items:flex-start;gap:var(--ds-size-3, 12px);border:1px solid var(--ds-color-border-subtle, #ccc);border-radius:var(--ds-border-radius-md, 4px);background-color:var(--ds-color-background-default, #fff);font-family:var(--ds-font-family, sans-serif);color:var(--ds-color-text-default, #2b2b2b)}._calendarHeader_10l5p_14{display:flex;justify-content:space-between;align-items:center;align-self:stretch}._monthYear_10l5p_21{color:var(--ds-color-text-default, #2b2b2b);font-family:var(--ds-font-family, "Myriad VF", sans-serif);font-size:var(--ds-heading-sm-font-size, 1.5rem);font-style:normal;font-weight:var(--ds-heading-sm-font-weight, 500);line-height:var(--ds-heading-sm-line-height, 1.3);letter-spacing:var(--ds-heading-sm-letter-spacing, 0%);margin:0}._navigationButtons_10l5p_32{display:flex;gap:var(--ds-size-1, 4px)}._navigationButtons_10l5p_32>button:disabled svg{opacity:var(--ds-opacity-disabled, .3)}._grid_10l5p_41{display:grid;grid-template-columns:repeat(7,1fr);width:100%;text-align:center}._dayNameCell_10l5p_48{display:flex;padding:var(--ds-size-2, 8px);flex-direction:column;justify-content:center;align-items:center;color:var(--ds-color-text-default, #2b2b2b);text-align:center;font-family:var(--ds-font-family, "Myriad VF", sans-serif);font-size:var(--ds-body-xs-font-size, 14px);font-style:normal;font-weight:var(--ds-font-weight-semibold, 600);line-height:var(--ds-body-short-xs-line-height, 1.3);letter-spacing:var(--ds-body-xs-letter-spacing, .021px);box-sizing:border-box}._dateCell_10l5p_65{display:flex;padding:var(--ds-size-5, 22px);flex-direction:column;justify-content:center;align-items:center;border:var(--ds-border-width-default, 1px) solid var(--ds-color-border-subtle, #bcbcbc);box-sizing:border-box;margin:-.5px;font-family:var(--ds-font-family, "Myriad VF", sans-serif);color:var(--ds-color-text-default, #2b2b2b);text-align:center;font-size:var(--ds-body-xs-font-size, 14px);font-style:normal;font-weight:var(--ds-body-xs-font-weight, 400);line-height:var(--ds-body-short-xs-line-height, 1.3);letter-spacing:var(--ds-body-xs-letter-spacing, .021px);font-feature-settings:"tnum" 1;-webkit-font-feature-settings:"tnum" 1;-moz-font-feature-settings:"tnum" 1;cursor:pointer;transition:background-color .15s ease-in-out,border-color .15s ease-in-out;-webkit-user-select:none;user-select:none}._dateNumberContainer_10l5p_90{display:flex;justify-content:center;align-items:center;width:24px;height:24px;border-radius:50%;transition:color .15s ease-in-out,font-weight .15s ease-in-out;line-height:1;box-sizing:border-box;background-color:transparent}._dateCell_10l5p_65:hover:not(._otherMonth_10l5p_103):not(._disabled_10l5p_103){background-color:var(--ds-color-surface-hover, #eee);position:relative;z-index:1}._dateCell_10l5p_65:hover:not(._otherMonth_10l5p_103):not(._disabled_10l5p_103) ._dateNumberContainer_10l5p_90{background-color:transparent}._otherMonth_10l5p_103{color:var(--ds-color-text-subtle, #aaa);cursor:default;pointer-events:none;background-color:var(--ds-color-surface-tinted, #e8e8e8);border:var(--ds-border-width-default, 1px) solid var(--ds-color-border-subtle, #bcbcbc);margin:-.5px}._otherMonth_10l5p_103 ._dateNumberContainer_10l5p_90{color:var(--ds-color-text-subtle, #aaa);background-color:transparent;box-shadow:none}._selectedDate_10l5p_129{background-color:var(--ds-color-base-default, #C30000);border-color:var(--ds-color-base-default, #C30000);color:var(--ds-color-base-contrast-default, #fff);position:relative;z-index:1}._selectedDate_10l5p_129 ._dateNumberContainer_10l5p_90{color:var(--ds-color-base-contrast-default, #fff);font-weight:var(--ds-font-weight-semibold, 600);background-color:transparent;box-shadow:none}._fieldset_16fx7_2{margin-bottom:var(--ds-spacing-4, 16px)}._fieldset_16fx7_2 label{display:block;margin-bottom:var(--ds-spacing-1, 4px);font-weight:var(--ds-font-weight-medium, 500);color:var(--ds-color-text-default, #2b2b2b)}._description_16fx7_14{font-size:var(--ds-font-size-sm, 14px);color:var(--ds-color-text-subtle, #5d5d5d);margin-top:var(--ds-spacing-1, 4px);margin-bottom:var(--ds-spacing-2, 8px)}._error_16fx7_21{font-size:var(--ds-font-size-sm, 14px);color:var(--ds-color-danger-text-default, #c30000);margin-top:var(--ds-spacing-1, 4px)}._inputWrapper_16fx7_30{display:flex;align-items:stretch;width:100%;position:relative;border:var(--ds-border-width-default, 1px) solid var(--ds-color-border-default, #797979);border-radius:var(--ds-border-radius-md, 4px);overflow:hidden;transition:border-color .1s ease-out,outline .1s ease-out}._inputWrapperError_16fx7_42{border-color:var(--ds-color-danger-border-default, #c30000)}._inputWrapper_16fx7_30:focus-within{outline:var(--ds-border-width-focus, 3px) solid var(--ds-color-focus-outer, #2B2B2B);outline-offset:var(--ds-focus-outline-offset, 2px)}._inputWrapper_16fx7_30 input{box-sizing:border-box;flex-grow:1;width:auto;min-width:0;background-color:var(--ds-color-background-default, #fff);color:var(--ds-color-text-default, #2b2b2b);border:none;border-radius:0;outline:none;padding:var(--ds-size-2, 8px) var(--ds-size-3, 12px);font-family:inherit;font-size:inherit;-moz-appearance:none;appearance:none;-webkit-appearance:none}._inputWrapper_16fx7_30 input:disabled{opacity:var(--ds-opacity-disabled, .5);cursor:not-allowed;background-color:var(--ds-color-neutral-surface-subtle, #f0f0f0);color:var(--ds-color-neutral-text-subtle, #5d5d5d)}._suffixButton_16fx7_80{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:0 var(--ds-size-3, 12px);margin:0;border:none;border-radius:0;border-left:var(--ds-border-width-default, 1px) solid var(--ds-color-border-default, #797979);background-color:var(--ds-color-surface-tinted, #e8e8e8);color:var(--ds-color-text-subtle, #5d5d5d);font-size:1.25rem;box-sizing:border-box;cursor:default;transition:background-color .15s ease-out,border-color .15s ease-out,color .15s ease-out;position:relative;z-index:0}._suffixButtonInteractive_16fx7_100{cursor:pointer}._suffixButtonInteractive_16fx7_100:hover:not(:disabled){color:var(--ds-color-text-default, #2b2b2b);background-color:var(--ds-color-surface-hover, #dadada)}._suffixButton_16fx7_80:disabled{opacity:var(--ds-opacity-disabled, .3);cursor:not-allowed;background-color:var(--ds-color-neutral-surface-tinted, #e8e8e8);border-left-color:var(--ds-color-neutral-border-default, #797979)}._carouselContainer_1bu1s_1{position:relative;display:block;width:100%;height:100%;background-color:var(--ds-color-background-default, #fff);color:var(--ds-color-text-default, #2b2b2b);border-radius:var(--ds-border-radius-md, 4px)}._viewport_1bu1s_11{overflow:hidden;width:100%;height:100%}._slides_1bu1s_17{display:flex;height:100%;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}._slide_1bu1s_17{position:relative;min-width:0;height:100%;display:flex;align-items:center;justify-content:center;box-sizing:border-box}._slideInner_1bu1s_37{position:relative;width:100%;height:100%;background-color:var(--ds-color-neutral-surface-subtle, #f5f5f5);overflow:hidden}._loaderOverlay_1bu1s_45{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#0000000d;z-index:2}._image_1bu1s_55{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease-in-out;z-index:1}._image_1bu1s_55._loaded_1bu1s_66{opacity:1}._loading_1bu1s_70{display:inline-flex;align-items:center;gap:var(--ds-size-2, 8px);color:var(--ds-color-text-subtle, #5d5d5d);font-size:var(--ds-font-size-sm, 14px)}._empty_1bu1s_78{color:var(--ds-color-text-subtle, #5d5d5d);font-size:var(--ds-font-size-sm, 14px);text-align:center}._controls_1bu1s_84{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:10}._arrows_1bu1s_94{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 var(--ds-size-4, 16px);box-sizing:border-box;pointer-events:auto}._dots_1bu1s_104{position:absolute;left:50%;transform:translate(-50%);bottom:var(--ds-size-3, 12px);display:inline-flex;gap:var(--ds-size-2, 8px);pointer-events:auto;background-color:#ffffff1a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--ds-size-1, 4px) var(--ds-size-2, 8px);border-radius:999px}._dot_1bu1s_104{width:12px;height:12px;border-radius:999px;border:var(--ds-border-width-default, 1px) solid var(--ds-color-border-subtle, #d6d6d6);background-color:#fff9;padding:0;margin:0;cursor:pointer;transition:all .2s ease}._dotActive_1bu1s_130{background-color:var(--primary-color-red-10);border-color:var(--primary-color-red-10);transform:scale(1.1)}@media(max-width:640px){._carouselContainer_1bu1s_1{height:auto;aspect-ratio:16 / 9}._arrows_1bu1s_94{padding:0 var(--ds-size-2, 8px)}._dots_1bu1s_104{bottom:var(--ds-size-2, 8px);gap:var(--ds-size-1, 4px)}._dot_1bu1s_104{width:10px;height:10px}}._header_3zql2_1{width:100%;background-color:var(--ds-color-neutral-background-default);border-bottom:none;position:relative;z-index:1000;display:flex;flex-direction:column}.ds-popover,.ds-dropdown{z-index:20000}._header_3zql2_1:before{content:"";position:absolute;left:0;top:44px;width:max(241px,calc((100vw - 1364px)/2 + 242px));height:119px;background-color:#fff;z-index:0;pointer-events:none}@media(max-width:850px){._header_3zql2_1:before{display:none}._languageSwitch_3zql2_36 [popover]:before{display:none}._searchOverlay_3zql2_40:before{display:none}}._headerExtension_3zql2_45{background-color:var(--ds-color-primary-color-red-base-default, #D52B1E);width:100%;height:44px;padding:0 var(--ds-size-6);display:flex;justify-content:center;align-items:center;box-sizing:border-box;color:#fff;position:relative;overflow:visible;z-index:20}._extensionContentWrapper_3zql2_61{width:100%;max-width:1364px;display:flex;justify-content:flex-end;align-items:center;gap:var(--ds-size-4)}._extensionContent_3zql2_61 .fds-switch__input:checked+.fds-switch__track{background-color:var(--ds-color-neutral-background-default);border-color:var(--ds-color-neutral-border-default)}._extensionContent_3zql2_61 .fds-switch__input:checked+.fds-switch__track:after{background-color:var(--ds-color-neutral-text-default)}._extensionContent_3zql2_61 .fds-switch__label{color:#fff}._extensionDivider_3zql2_84{width:1px;height:18px;background-color:#f7e9e8}._languageSwitch_3zql2_36{display:flex;align-items:center;gap:var(--ds-size-2);position:relative;z-index:1}._languageLabel_3zql2_98{font-family:var(--ds-font-family);font-size:var(--ds-font-size-md);color:#ececec}._languageLink_3zql2_104{color:#fff;text-decoration:none;display:flex;align-items:center;gap:4px;position:relative}._languageSwitch_3zql2_36 [popover]{margin-top:0;background-color:var(--ds-color-neutral-background-default);position:fixed;overflow:visible;z-index:20000}._languageSwitch_3zql2_36 .ds-popover{background-color:var(--ds-color-neutral-background-default);position:fixed;z-index:20000}._headerInner_3zql2_129{display:flex;align-items:center;justify-content:space-between;height:auto;min-height:119px;width:100%;max-width:1364px;margin:0 auto;padding:0 var(--ds-size-6);box-sizing:border-box;gap:var(--ds-size-6);position:relative;z-index:10}._logoWrapper_3zql2_146{display:flex;align-items:center;height:119px;flex-shrink:0;background-color:#fff;margin-left:calc(-1 * var(--ds-size-6));padding-left:var(--ds-size-6);position:relative}._logo_3zql2_146{display:flex;align-items:center;justify-content:center;width:217px;height:100%;text-decoration:none;color:inherit;flex-shrink:0}._secondaryLogoWrapper_3zql2_169{display:flex;align-items:center;justify-content:center;height:100%;padding:0 var(--ds-size-6);background-color:var(--ds-color-neutral-background-default)}._slotComponent_3zql2_178{background-color:var(--ds-color-neutral-surface-default);border:2px dashed var(--ds-color-neutral-border-default);border-radius:var(--ds-border-radius-lg);display:flex;align-items:center;justify-content:center;padding:12px 24px}._slotContainer_3zql2_188{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}._slotText_3zql2_196{font-family:var(--ds-font-family);font-size:18px;color:var(--ds-color-neutral-text-default);line-height:1.3;margin:0}._divider_3zql2_204{width:1px;height:40px;background-color:var(--ds-color-neutral-border-subtle);display:none}._secondaryLogo_3zql2_169{height:24px;width:auto;display:block}._logo_3zql2_146 img,._redCrossLogo_3zql2_223{width:169px;height:auto;display:block}._primaryLogo_3zql2_229{display:flex}._navItems_3zql2_233{display:flex;gap:40px;align-items:center;margin-left:24px;flex-grow:1;justify-content:flex-end}._navLink_3zql2_242{color:var(--ds-color-primary-color-red-text-default);font-family:var(--ds-font-family);font-size:var(--ds-font-size-md);text-decoration:none;font-weight:var(--ds-font-weight-regular);letter-spacing:.09px}._navLink_3zql2_242:hover{text-decoration:underline}._actions_3zql2_255{display:flex;align-items:center;gap:var(--ds-size-6);flex-shrink:0;margin-left:auto}._ctaButton_3zql2_263,._themeToggle_3zql2_268{display:flex;align-items:center}._userInfo_3zql2_273{display:flex;align-items:center;gap:var(--ds-size-3)}._userName_3zql2_279{display:block;font-family:var(--ds-font-family);font-size:var(--ds-font-size-md);color:var(--ds-color-neutral-text-default)}._loginLink_3zql2_286{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--ds-color-main-text-subtle);gap:2px}._loginText_3zql2_295{font-family:var(--ds-font-family);font-size:var(--ds-font-size-md);font-weight:var(--ds-font-weight-regular);line-height:1.5}._underline_3zql2_302{width:100%;height:1px;background-color:var(--ds-color-main-border-strong)}._searchButtonWrapper_3zql2_308{display:flex}._buttonText_3zql2_312{display:inline-block;margin-left:var(--ds-size-2)}._menuButton_3zql2_317{display:flex;align-items:center}._menuOverlay_3zql2_322{position:absolute;top:100%;left:0;width:100%;background-color:var(--ds-color-neutral-background-default);border-bottom:none;box-shadow:none;z-index:999;animation:_slideDown_3zql2_1 .2s ease-out}._searchOverlay_3zql2_40{position:absolute;top:100%;left:0;width:100%;background-color:var(--ds-color-neutral-background-default);border-bottom:1px solid var(--ds-color-neutral-border-subtle);box-shadow:var(--ds-shadow-lg);padding:var(--ds-size-10) 0;z-index:999;animation:_slideDown_3zql2_1 .2s ease-out}._searchOverlay_3zql2_40:before{display:none}@keyframes _slideDown_3zql2_1{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}._searchContent_3zql2_356{max-width:1364px;margin:0 auto;padding:var(--ds-size-6) var(--ds-size-6) var(--ds-size-6) calc(217px + var(--ds-size-6) + var(--ds-size-4));display:flex;flex-direction:column;align-items:stretch;box-sizing:border-box}._menuContent_3zql2_366{max-width:1364px;margin:0 auto;display:flex;flex-direction:row;align-items:stretch;box-sizing:border-box}._menuLeftColumn_3zql2_375{width:calc(217px + var(--ds-size-6));flex-shrink:0;display:flex}._menuRightColumn_3zql2_381{flex:1;display:flex;flex-direction:column;padding:48px 24px 80px;gap:24px}._menuThemeToggleWrapper_3zql2_389{display:flex;justify-content:flex-end;width:100%}._slotContent_3zql2_395{width:100%;padding:var(--ds-size-10) 0;text-align:left;color:var(--ds-color-neutral-text-subtle);font-size:var(--ds-font-size-md);border-radius:var(--ds-border-radius-md);display:flex;flex-direction:column;gap:var(--ds-size-4);align-items:flex-start}._navList_3zql2_408{display:flex;flex-direction:column;gap:var(--ds-size-3);align-items:flex-start}._menuUtilities_3zql2_415{display:flex;justify-content:space-between;align-items:center;width:100%}._menuBrand_3zql2_422{display:none}._suggestionsSection_3zql2_426{display:flex;flex-direction:column;gap:var(--ds-size-4)}._suggestionsTitle_3zql2_432{font-family:var(--ds-font-family);font-size:var(--ds-font-size-md);color:var(--ds-color-neutral-text-subtle);font-weight:var(--ds-font-weight-regular);margin:0;letter-spacing:.09px}._searchResults_3zql2_441{margin-top:var(--ds-size-4);max-height:400px;overflow-y:auto}._resultList_3zql2_447{list-style:none;padding:0;margin:0}._resultItem_3zql2_453{border-bottom:none}._resultItem_3zql2_453:last-child{border-bottom:none}._resultLink_3zql2_461{display:flex;flex-direction:row;align-items:center;width:100%;padding:var(--ds-size-2) 0;background:none;border:none;text-align:left;cursor:pointer;gap:var(--ds-size-4);text-decoration:none}._resultLink_3zql2_461 ._suggestionIcon_3zql2_475{order:-1}._suggestionIcon_3zql2_475{font-size:20px;color:var(--ds-color-neutral-text-subtle);display:flex;align-items:center;justify-content:center;flex-shrink:0}._suggestionText_3zql2_488{font-family:var(--ds-font-family);font-size:var(--ds-font-size-md);color:var(--ds-color-neutral-text-default);line-height:1.5}._highlightedText_3zql2_495{color:var(--ds-color-primary-color-red-text-default);font-weight:var(--ds-font-weight-medium)}._remainingText_3zql2_500{color:var(--ds-color-neutral-border-subtle)}._resultLink_3zql2_461:hover ._suggestionText_3zql2_488{text-decoration:underline}._resultLink_3zql2_461:hover,._resultLink_3zql2_461:focus{background:none;outline:none}._viewAllLink_3zql2_513{display:block;padding:var(--ds-size-3);text-align:left;font-size:var(--ds-font-size-sm);font-weight:var(--ds-font-weight-medium);color:var(--ds-color-neutral-text-default);text-decoration:none;transition:background-color .2s}._viewAllLink_3zql2_513:hover{background-color:var(--ds-color-neutral-background-hover)}._resultTitle_3zql2_528{font-weight:var(--ds-font-weight-medium);font-size:var(--ds-font-size-md);color:var(--ds-color-neutral-text-default)}._resultCategory_3zql2_534{font-size:var(--ds-font-size-sm);color:var(--ds-color-neutral-text-subtle);margin-bottom:var(--ds-size-1);text-transform:uppercase;letter-spacing:.05em}._resultDescription_3zql2_542{font-size:var(--ds-font-size-sm);color:var(--ds-color-neutral-text-subtle);margin-top:var(--ds-size-1)}._noResults_3zql2_548{padding:var(--ds-size-4);text-align:center;color:var(--ds-color-neutral-text-subtle)}@media(min-width:768px){._headerInner_3zql2_129{padding:0 var(--ds-size-6)}}@media(max-width:850px){._header_3zql2_1{z-index:10000;position:relative}._headerExtension_3zql2_45{display:none}._headerInner_3zql2_129{padding:var(--ds-size-5) var(--ds-size-6);min-height:auto;height:auto}._navItems_3zql2_233{display:none}._logoWrapper_3zql2_146{gap:var(--ds-size-2);background-color:transparent}._logo_3zql2_146{height:40px}._primaryLogo_3zql2_229{display:none}._divider_3zql2_204{height:24px}._secondaryLogo_3zql2_169{height:28px}._secondaryLogoWrapper_3zql2_169{padding:0}._actions_3zql2_255{gap:var(--ds-size-4)}._userName_3zql2_279,._menuButton_3zql2_317 ._buttonText_3zql2_312,._ctaButton_3zql2_263 ._buttonText_3zql2_312{display:none}._menuOverlay_3zql2_322{position:fixed;top:var(--header-height-mobile, 70px);left:0;right:0;bottom:0;width:100vw;height:calc(100vh - var(--header-height-mobile, 70px));z-index:9999;border-radius:0;border:none;overflow-y:auto}._searchOverlay_3zql2_40{width:100%;right:0;left:0;border-radius:0;border:none}._searchContent_3zql2_356{padding:var(--ds-size-6)}._menuContent_3zql2_366{flex-direction:column;padding:0;min-height:100%}._menuRightColumn_3zql2_381{padding:var(--ds-size-4) var(--ds-size-6) var(--ds-size-6) var(--ds-size-6);gap:var(--ds-size-4);flex:1;display:flex;flex-direction:column;min-height:0}._slotContent_3zql2_395{padding:0}._searchContent_3zql2_356>*{max-width:100%}._menuBrand_3zql2_422{display:flex;justify-content:flex-start;margin-top:auto;padding:var(--ds-size-6);margin-left:calc(-1 * var(--ds-size-6));margin-right:calc(-1 * var(--ds-size-6));margin-bottom:calc(-1 * var(--ds-size-6));background-color:#fff}._menuUtilities_3zql2_415 ._languageSwitch_3zql2_36 [popover]{background-color:var(--ds-color-neutral-background-default);margin-top:0;position:fixed;overflow:visible;z-index:20000}._menuUtilities_3zql2_415 ._languageSwitch_3zql2_36 .ds-popover{background-color:var(--ds-color-neutral-background-default);position:fixed;z-index:20000}@media(prefers-color-scheme:light){._menuUtilities_3zql2_415 ._languageLabel_3zql2_98{color:var(--color-neutral-text-default, #2B2B2B)}._menuUtilities_3zql2_415 ._languageLink_3zql2_104{color:var(--color-neutral-text-default, #2B2B2B)}}[data-color-scheme=light] ._menuUtilities_3zql2_415 ._languageLabel_3zql2_98{color:var(--color-neutral-text-default, #2B2B2B)}[data-color-scheme=light] ._menuUtilities_3zql2_415 ._languageLink_3zql2_104{color:var(--color-neutral-text-default, #2B2B2B)}}