{"version":3,"sources":["common.scss","_root.scss","mixins/_utils.scss","mixins/_breakpoints.scss","_icon.scss","mixins/_icons.scss","_dropdown.scss","_reset.scss"],"names":[],"mappings":"AAGQ;ACCR;EAEC;EACA;EAIC;EAAA;EAKA;EAAA;EAKA;EAAA;EAID;EACA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EAIC;EAAA;EAAA;EAAA;EAAA;EAID;EAIC;EAAA;EAAA;EAAA;EAAA;;;AAUD;EAEC;EACA;;;AC4HA;ED/HD;IAEC;IACA;;;;AEzCD;EF+CA;IAEC;;;AGrED;ECcA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADlBC;ECWD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADvBA;EACC;;AAED;EACC;;AAED;EACC;;AAGF;ECHA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADAA;ECPA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADGA;ECVA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADMA;ECbA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADSA;EChBA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADYA;ECnBA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADeA;ECtBA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADkBA;ECzBA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADsBA;EC7BA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADyBA;EChCA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AD4BA;ECnCA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADgCA;ECvCA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADmCA;EC1CA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADsCA;EC7CA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADyCC;EACC;;AAGD;EACC;;AAGF;ECxDA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADmDC;EACC;;AAGF;EC9DA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADyDC;EACC;;AAGF;ECpEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AD+DC;EACC;;AAGF;EC1EA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADqEC;EACC;;AAGF;EChFA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AD2EC;EACC;;AAGF;ECtFA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADkFA;ECzFA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AD4ED;EC5FA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADuFC;EACC;;AAGF;EClGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AD6FC;EACC;;AAIF;ECzGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADoGC;EACC;;AAIF;EChHA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AD6GA;ECpHA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADgHA;ECvHA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADmHA;EC1HA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADuHA;EC9HA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADkHD;EClIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ED6HC;;AAGD;ECvIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADoIA;EC3IA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADwIA;EC/IA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AD4IA;ECnJA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADsID;ECtJA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADyID;ECzJA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AD4ID;EC5JA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADgJD;EChKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AD6JA;ECpKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADgKC;EACC;;AAIF;EC5KA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADyKA;EChLA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AD6KA;ECpLA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADiLA;ECxLA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADqLA;EC5LA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADyLA;EChMA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AD6LA;ECpMA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADiMA;ECxMA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADqMA;EC5MA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADyMA;EChNA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AD6MA;ECpNA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADiNA;ECxNA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADoNA;EC3NA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADwNA;EC/NA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AD4NA;ECnOA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADgOA;ECvOA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADoOA;EC3OA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADwOA;EC/OA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AD4OA;ECnPA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADgPA;ECvPA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADoPA;EC3PA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADwPA;EC/PA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AD4PA;ECnQA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADgQA;ECvQA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AD2PD;EC3QA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADwQA;EC/QA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ADgRC;EACC;;;AF7GD;EE4GA;IACC;;;;AE9QH;AACA;EAxBC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAKA;EACA;EACA;EACA;EACA;EACA;EACA;EAUA;EACA;;AACA;EJjBA,UADmB;EAEnB,KIiBuB;EJfvB,MIeiC;EAChC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EJdD;EANC,OIsBiB;EJrBjB,QIqBiB;EJ/BlB,UADmB;EAGnB,QI8BwB;EJ7BxB,MI6BkC;EAChC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAED;EJtBD,SADsB;EAEtB,aIsByC;EJrBzC,iBAHkD;EAIlD,gBIoB4B;EAC1B;EACA;EACA;;AAED;EACC;EACA;EACA;;AAED;EJjCD,SADsB;EAEtB,aAFiC;EAGjC,iBIgC4B;EJ/B5B,gBAJmE;EIoCjE;EACA;EACA;;AAED;EACC;;AACA;EJzCF,SADsB;EAEtB,aIyC8C;EJxC9C,iBIwC6B;EJvC7B,gBAJmE;EI4ChE;EACA;EACA;EACA;EACA;EACA;EACA;;AHjFH;EGyEE;IAUE;;;AAED;EDtFH;EHsBC,OIiE4B;EJhE5B,QIgE4B;EDrF7B;EAIA;;ACmFG;EACC;;AAED;EACC;;AAED;EACC;EACA;EACA;;AAMH;EACC;EACA;EACA;;AACA;EACC;EACA;;AAKF;EACC;EACA;EACA;;AACA;EACC;EACA;;;AJiDH;AItCA;;AACA;EAzHA;EACA;EACA;EACA;EACA;EACA;EACA;;AAuHG;EDzIH;EHsBC,OIoH4B;EJnH5B,QImH4B;EDxI7B;EAIA;;;AHkLC;EADD;AInDA;;EACA;IAzHA;IACA;IACA;IACA;IACA;IACA;IACA;;EAuHG;IDzIH;IHsBC,OIoH4B;IJnH5B,QImH4B;IDxI7B;IAIA;;;;AERD;AAGA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC;;;AAED;EACC;EACA;EACA;;;AAWA;EACC;;AAED;EACC;;;ALqJA;EKzJD;IACC;;EAED;IACC;;;;AAGF;EAEC;EACA;EACA;EACA;;;AAED;EACC;EACA;;;AAED;EACC;EACA;;;AAGD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAiCC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC;;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAUE;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOC;;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAYC;EACA;EACA;EACA;;;AAED;AAAA;EAEC;;;AAED;EACC;;;AAED;EACC;EACA;;;AAED;AAAA;EAEC;;;AAED;AAAA;AAAA;EAGC;;;AAED;AAAA;EAEC;;;AAED;AAAA;AAAA;AAAA;EAIC;EACA;;;AAGA;AAAA;EAEC;;;AAGF;AAAA;AAAA;EAGC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;AAAA;EAEC;EACA;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;;;AAGD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EASC;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC;EACA;;;AAED;AAAA;EAEC;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;;;AAED;EACC;;;AAGD;AAAA;AAAA;AAAA;AAAA;ELrKC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AKoKD;EACC;;;AAED;EACC;;;AAGD;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EL3HC;EACA,uBAFyB;;;AK+H1B;EACC;;;AAGD;EFrSC;EHsBC,OGvBqB;EHwBrB,QGxBqB;EAGtB;EAIA;;AEiSA;EFvSA;EHsBC,OGvBqB;EHwBrB,QGxBqB;EAGtB;EAEC;EAED;;;AEsSD;EACC;EACA;EACA;;;AJ9SA;EImTA;IACC;;EAED;IACC;;EAED;ILxNA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EKmNA;IACC;IACA;;;AJrSD;EI2SA;IACC;;;AJhUD;EIqUA;IACC;;EAED;IL5OA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EKuOA;IACC;IACA;;;AAUA;AAAA;EAEC;;;ALvKD;EKqKA;AAAA;IAEC","file":"common.css","sourcesContent":["//공통\n\n@import \"path\";\n@import \"../../css/token/krds_tokens.css\"; //디자인 토큰\n@import \"include\";\n\n@import \"root\";\n@import \"icon\";\n\n@import \"dropdown\";\n\n@import \"reset\";\n","@import \"group_variables\";\n\n//모드 설정\n$mode-setting: light;\n:root {\n\t//* PRIMITIVE *\n\t--krds-font-family-base: var(--krds-typo-font-type);\n\t--krds-font-size-base: #{$font-size-base};\n\n\t//line heights\n\t@each $type, $value in $font-line-heights {\n\t\t--krds-line-height-#{$type}: #{$value};\n\t}\n\n\t//letter spacings\n\t@each $type, $value in $font-letter-spacings {\n\t\t--krds-letter-spacing-#{$type}: #{$value};\n\t}\n\n\t//font weight\n\t@each $type, $value in $font-weights {\n\t\t--krds-font-weight-#{$type}: #{$value};\n\t}\n\n\t//transition\n\t--krds-transition-base: #{$transition-base};\n\t--krds-transition-fade: #{$transition-fade};\n\t--krds-transition-collapse: #{$transition-collapse};\n\t--krds-transition-collapse-width: #{$transition-collapse-width};\n\n\t//contents size\n\t--krds-contents-size: #{$contents-size};\n\t--krds-contents-padding-x: #{$contents-padding-x-pc};\n\t--krds-contents-wrap-size: #{$contents-wrap-size};\n\n\t//box shadow (only for focus outline)\n\t--krds-box-shadow-outline: 0 0 0 0.4rem var(--krds-#{$mode-setting}-color-border-primary);\n\t--krds-box-shadow-outline-inset: inset 0 0 0 0.2rem var(--krds-#{$mode-setting}-color-border-primary);\n\n\t//screen zoom sizes\n\t@each $type, $value in $screen-zoom-sizes {\n\t\t--krds-zoom-#{$type}: #{$value};\n\t}\n\n\t//text underline offset\n\t--krds-font-underline-offset: #{$font-underline-offset-default};\n\n\t//svg icon size\n\t@each $size, $value in $icon-sizes {\n\t\t--krds-icon--size-#{$size}: #{$value};\n\t}\n\n}\n\n//고대비모드\n@include color-mode($mode: high-contrast) {\n\t//모드 설정\n\t$mode-setting: high-contrast;\n\n\t:root {\n\t\t//box shadow (only for focus outline)\n\t\t--krds-box-shadow-outline: 0 0 0 0.4rem var(--krds-#{$mode-setting}-color-border-primary);\n\t\t--krds-box-shadow-outline-inset: inset 0 0 0 0.2rem var(--krds-#{$mode-setting}-color-border-primary);\n\t}\n}\n\n//responsive mobile\n@include size-large-less {\n\t:root {\n\t\t//contents size\n\t\t--krds-contents-padding-x: #{$contents-padding-x-mobile};\n\t}\n\n}","//focus color\n//추후삭제\n@mixin focus($offset: -.4rem, $color: var(--krds-light-color-border-primary), $alpha: .8) {\n\tbox-shadow: var(--krds-box-shadow-outline-inset);\n\toutline-offset: $offset;\n}\n\n//flex 확대 축소\n@mixin flex-size($shrink, $grow) {\n\tflex-shrink: $shrink;\n\tflex-grow: $grow;\n}\n\n//position\n@mixin position($p: absolute, $t: null, $b: null, $l: null, $r: null) {\n\tposition: $p;\n\ttop: $t;\n\tbottom: $b;\n\tleft: $l;\n\tright: $r;\n}\n\n//square rectangle\n@mixin square($w, $h: $w) {\n  width: $w;\n  height: $h;\n}\n\n//pseudo element setting\n@mixin pseudo($c:null) {\n\tcontent: \"\"+$c+\"\";\n}\n\n//flex layout\n@mixin flex-layout($d: flex, $ai: flex-start, $jc: flex-start, $fd: row) {\n\tdisplay: $d;\n\talign-items: $ai;\n\tjustify-content: $jc;\n\tflex-direction: $fd;\n}\n\n//group contents\n@mixin group-wrap() {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\talign-items: stretch;\n\tposition: relative;\n\twidth: 100%;\n}\n@mixin group() {\n\tflex: 1 1 auto;\n\tposition: relative;\n\twidth: 1%;\n\tmin-width: 0;\n}\n\n//flex item equal width\n@mixin equal-width() {\n\tflex: 1 1 0px;\n\tmin-width: 0;\n}\n\n//position 중앙 정렬\n@mixin position-center($type: both) {\n\t//좌우중앙\n\t@if ($type == 'x') {\n\t\tleft: 50%;\n\t\ttransform: translateX(-50%)\n\t}\n\t//상하중앙\n\t@else if ($type == 'y') {\n\t\ttop: 50%;\n\t\ttransform: translateY(-50%);\n\t}\n\t//상하좌우중앙\n\t@else if ($type == 'both') {\n\t\tleft: 50%;\n\t\ttop: 50%;\n\t\ttransform: translateX(-50%) translateY(-50%);\n\t}\n}\n\n//transform 기준점 중앙 정렬\n@mixin transform-origin($x: 50%, $y: 50%) {\n\ttransform-origin: $x $y;\n}\n\n\n// **** text attr **** //\n//text ellipsis\n@mixin ellipsis($line) {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\t-webkit-box-orient: vertical;\n\t-webkit-line-clamp: $line;\n}\n\n//sr-only\n@mixin sr-only {\n\tposition: absolute !important;\n\twidth: 1px !important;\n\theight: 1px !important;\n\tpadding: 0 !important;\n\tmargin: -1px !important;\n\toverflow: hidden !important;\n\tclip: rect(0, 0, 0, 0) !important;\n\twhite-space: nowrap !important;\n\tborder: 0 !important;\n}\n\n//reset text : popover/tooltip\n@mixin reset-text {\n\tfont-size: var(--krds-pc-font-size-body-medium);\n\tfont-style: normal;\n\tfont-weight: var(--krds-font-weight-regular);\n\tline-height: var(--krds-line-height-base);\n\ttext-align: left;\n\ttext-decoration: none;\n\ttext-shadow: none;\n\ttext-transform: none;\n\tletter-spacing: normal;\n\t//word-break: normal;\n\twhite-space: normal;\n\tword-spacing: normal;\n\tline-break: auto;\n\t@include size-medium {\n\t\tfont-size: var(--krds-mobile-font-size-body-medium);\n\t}\n}\n\n//css animation visibility\n@mixin visibility($v) {\n\t@if ($v == hidden) {\n\t\tvisibility: hidden;\n\t\tz-index: -1;\n\t\topacity: 0;\n\t}\n\t@else if ($v == visible) {\n\t\tvisibility: visible;\n\t\tz-index: auto;\n\t\topacity: 1;\n\t}\n}\n\n// **** scroll **** //\n@mixin scrollbar-mode($mode: light) {\n\t&::-webkit-scrollbar-thumb {\n\t\tbackground-color: var(--krds-#{$mode}-color-element-secondary-light);\n\t\tborder-radius: .8rem;\n\t}\n\t&::-webkit-scrollbar-track {\n\t\tbackground-color: var(--krds-#{$mode}-color-element-secondary-lighter);\n\t}\n}\n@mixin scrollbar($mode: light) {\n\t$mode-setting: $mode;\n\t&::-webkit-scrollbar {\n\t\twidth: 0.8rem;\n\t}\n\t@include scrollbar-mode(#{$mode-setting});\n}\n\n//text underline\n@mixin underline($offset: var(--krds-font-underline-offset)) {\n\ttext-decoration: underline;\n\ttext-underline-offset: $offset;\n}\n\n//color mode setting\n//$mode-theme: (light, dark) !default;\n@mixin color-mode($mode: light) {\n\t[data-krds-mode=\"#{$mode}\"] {\n\t\t@content;\n\t}\n\n\t$mode-theme: light;\n\t@if ($mode == light) {\n\t\t$mode-theme: light;\n\t}\n\t@else if ($mode == high-contrast) {\n\t\t$mode-theme: dark;\n\t}\n\n\t//data-krds-mode가 theme일 경우 dark mode 생성\n\t[data-krds-mode=\"theme\"] {\n\t\t@media (prefers-color-scheme: #{$mode-theme}) {\n\t\t\t@content;\n\t\t}\n\t}\n}\n\n//사이즈별 variable\n@mixin btn-size($unit) {\n\t//unit value: xsmall small medium larger xlarge\n\tgap: var(--krds-button--gap-#{$unit});\n\theight: var(--krds-button--size-height-#{$unit});\n\tpadding: var(--krds-button--padding-y-#{$unit}) var(--krds-button--padding-x-#{$unit});\n\tborder-radius: var(--krds-button--radius-#{$unit});\n\tfont-size: var(--krds-button--pc-font-size-#{$unit});\n\tfont-weight: var(--krds-button--font-weight-#{$unit});\n\t@include size-medium {\n\t\tfont-size: var(--krds-button--mobile-font-size-#{$unit});\n\t}\n\t& {\n\t\t.svg-icon {\n\t\t\t@include square(var(--krds-icon--size-#{$unit}));\n\t\t}\n\t}\n}\n\n//고대비모드인경우 border-width가 두꺼워짐\n@mixin border-size-mode ($mode: light, $size: regular) {\n\tborder-width: var(--krds-#{$mode}-border-width-variable-#{$size});\n}","@import \"../group_variables\";\n\n@mixin size-medium { // 767까지\n\t@media (max-width: $breakpoint-medium - 1px) {\n\t\t@content;\n\t}\n}\n@mixin size-medium-more { // 768이상\n\t@media (min-width: calc($breakpoint-medium)) {\n\t\t@content;\n\t}\n}\n\n@mixin size-medium-to-large { //  768 ~ 1023\n\t@media (min-width: calc($breakpoint-medium)) and (max-width: $breakpoint-large - 1px) {\n\t\t@content;\n\t}\n}\n\n//tablet size 이하\n@mixin size-large-less { // 1023까지\n\t@media (max-width: $breakpoint-large - 1px) {\n\t\t@content;\n\t}\n}\n\n//tablet size 이상\n@mixin size-large-more { // 1024이상\n\t@media (min-width: calc($breakpoint-large)) {\n\t\t@content;\n\t}\n}\n\n//소형 데스크톱\n@mixin size-large-to-xlarge { // 1024 ~ 1279\n\t@media (min-width: calc($breakpoint-large)) and (max-width: calc($breakpoint-xlarge - 1px)) {\n\t\t@content;\n\t}\n}\n\n@mixin size-xlarge { // 1280 이상\n\t@media (min-width: $breakpoint-xlarge) {\n\t\t@content;\n\t}\n}",".svg-icon {\n\t&.ico-angle { //꺽쇠모양\n\t\t@include icon-set(ico_angle);\n\t\t//disabled (for selectbox)\n\t\t&.disabled {\n\t\t\t@include icon-set(ico_angle_disabled, $effect: pure);\n\t\t}\n\t\t//default: down\n\t\t&.up {\n\t\t\ttransform: rotate(180deg);\n\t\t}\n\t\t&.left {\n\t\t\ttransform: rotate(90deg);\n\t\t}\n\t\t&.right {\n\t\t\ttransform: rotate(-90deg);\n\t\t}\n\t}\n\t&.ico-sch {\n\t\t@include icon-set(ico_sch);\n\t}\n\n\t&.ico-upload {\n\t\t@include icon-set(ico_upload);\n\t}\n\t&.ico-call {\n\t\t@include icon-set(ico_call);\n\t}\n\t&.ico-faq {\n\t\t@include icon-set(ico_faq);\n\t}\n\t&.ico-like {\n\t\t@include icon-set(ico_like);\n\t}\n\t&.ico-share {\n\t\t@include icon-set(ico_share);\n\t}\n\t&.ico-more {\n\t\t@include icon-set(ico_more);\n\t}\n\t&.ico-sch-plus {\n\t\t@include icon-set(ico_sch_plus);\n\t}\n\n\t&.ico-go {\n\t\t@include icon-set(ico_go);\n\t}\n\t&.ico-down {\n\t\t@include icon-set(ico_download);\n\t}\n\t&.ico-filter {\n\t\t@include icon-set(ico_filter);\n\t}\n\n\t&.ico-reset {\n\t\t@include icon-set(ico_reset);\n\t}\n\t&.ico-log {\n\t\t@include icon-set(ico_login);\n\t}\n\t&.ico-func {\n\t\t@include icon-set(ico_expand);\n\t\t//default:right\n\t\t&.up {\n\t\t\ttransform: rotate(-90deg);\n\t\t}\n\n\t\t& {\n\t\t\tgap: var(--krds-gap-3);\t\n\t\t}\n\t}\n\t&.ico-logout {\n\t\t@include icon-set(ico_logout);\n\t\t& {\n\t\t\tgap: var(--krds-gap-3);\t\n\t\t}\n\t}\n\t&.ico-email {\n\t\t@include icon-set(ico_email);\n\t\t& {\n\t\t\tgap: var(--krds-gap-3);\t\n\t\t}\n\t}\n\t&.ico-print {\n\t\t@include icon-set(ico_print);\n\t\t& {\n\t\t\tgap: var(--krds-gap-3);\t\n\t\t}\n\t}\n\t&.ico-scrap {\n\t\t@include icon-set(ico_scrap);\n\t\t& {\n\t\t\tgap: var(--krds-gap-3);\t\n\t\t}\n\t}\n\t&.ico-del {\n\t\t@include icon-set(ico_delete);\n\t\t& {\n\t\t\tgap: var(--krds-gap-3);\t\n\t\t}\n\t}\n\t&.ico-popup-close {\n\t\t@include icon-set(ico_close);\n\t}\n\t&.ico-delete-fill {\n\t\t@include icon-set(ico_delete_fill, pure);\n\t}\n\t&.ico-plus {\n\t\t@include icon-set(ico_plus);\n\t\t& {\n\t\t\tgap: var(--krds-gap-3);\t\n\t\t}\n\t}\n\t&.ico-setting {\n\t\t@include icon-set(ico_setting);\n\t\t& {\n\t\t\tgap: var(--krds-gap-3);\t\n\t\t}\n\t}\n\n\t&.ico-link {\n\t\t@include icon-set(ico_go);\n\t\t& {\n\t\t\tgap: var(--krds-gap-3);\t\n\t\t}\n\t}\n\n\t&.ico-refresh {\n\t\t@include icon-set(ico_reset);\n\t}\n\n\t&.ico-toggle {\n\t\t@include icon-set(ico_angle);\n\t}\n\t&.ico-pw-visible {\n\t\t@include icon-set(ico_pw_visible_off);\n\t}\n\t&.ico-pw-visible-on {\n\t\t@include icon-set(ico_pw_visible_on);\n\t}\n\n\t&.ico-help {\n\t\t@include icon-set(ico_help, pure);\n\t}\n\n\t&.ico-page-next {\n\t\t@include icon-set(ico_angle);\n\t\ttransform: rotate(-90deg);\n\t}\n\n\t&.ico-bread-home {\n\t\t@include icon-set(ico_bread_home);\n\t}\n\n\t&.ico-cal-move {\n\t\t@include icon-set(ico_arrow_dropdown);\n\t}\n\t\n\t&.ico-calendar {\n\t\t@include icon-set(ico_calendar);\n\t}\n\n\t&.ico-success-fill {\n\t\t@include icon-set(ico_success_fill, pure);\n\t}\n\t&.ico-information-fill {\n\t\t@include icon-set(ico_information_fill, pure);\n\t}\n\t&.ico-error-fill {\n\t\t@include icon-set(ico_error_fill, pure);\n\t}\n\t&.ico-complete-fill {\n\t\t@include icon-set(ico_complete_fill, pure);\n\t}\n\n\t&.ico-modal-close {\n\t\t@include icon-set(ico_close);\n\t}\n\n\t&.ico-fold {\n\t\t@include icon-set(ico_foldable);\n\n\t\t&.right {\n\t\t\ttransform: rotate(-180deg);\n\t\t}\n\t}\n\n\t&.ico-ellipsis {\n\t\t@include icon-set(ico_ellipsis);\n\t}\n\n\t&.ico-swiper-play {\n\t\t@include icon-set(ico_swiper_play);\n\t}\n\n\t&.ico-swiper-stop {\n\t\t@include icon-set(ico_swiper_stop);\n\t}\n\n\t&.ico-tooltip {\n\t\t@include icon-set(ico_tooltip);\n\t}\n\n\t&.ico-urgent-danger {\n\t\t@include icon-set(ico_urgent_badge_danger);\n\t}\n\n\t&.ico-blog {\n\t\t@include icon-set(ico_blog);\n\t}\n\n\t&.ico-facebook {\n\t\t@include icon-set(ico_facebook);\n\t}\n\n\t&.ico-instagram {\n\t\t@include icon-set(ico_instagram);\n\t}\n\n\t&.ico-sns-x {\n\t\t@include icon-set(ico_sns_x);\n\t}\n\n\t&.ico-youtube {\n\t\t@include icon-set(ico_youtube);\n\t}\n\n\t&.ico-all {\n\t\t@include icon-set(ico_all);\n\t}\n\n\t&.ico-join {\n\t\t@include icon-set(ico_join);\n\t}\n\t&.ico-my {\n\t\t@include icon-set(ico_my);\n\t}\n\n\t&.ico-login-go {\n\t\t@include icon-set(ico_login_certify_go);\n\t}\n\n\t&.ico-global {\n\t\t@include icon-set(ico_global);\n\t}\n\n\t&.ico-view-mode {\n\t\t@include icon-set(ico_view_mode);\n\t}\n\n\t&.ico-go-top {\n\t\t@include icon-set(ico_go_top);\n\t}\n\n\t&.ico-login-type01 {\n\t\t@include icon-set(ico_login_certify_type_01);\n\t}\n\n\t&.ico-login-type02 {\n\t\t@include icon-set(ico_login_certify_type_02);\n\t}\n\n\t&.ico-login-type03 {\n\t\t@include icon-set(ico_login_certify_type_03);\n\t}\n\n\t&.ico-login-type04 {\n\t\t@include icon-set(ico_login_certify_type_04);\n\t}\n\n\t&.ico-login-type05 {\n\t\t@include icon-set(ico_login_certify_type_05);\n\t}\n\n\t&.ico-login-type06 {\n\t\t@include icon-set(ico_login_certify_type_06);\n\t}\n\n\t&.ico-flag {\n\t\t@include icon-set(ico_flag, $effect: pure);\n\t}\n\n\t&.ico-file {\n\t\t@include icon-set(ico_file);\n\t}\n\n\t&.ico-checkbox {\n\t\t@include icon-set(ico_checkbox_checked);     \n\t}\n}\n  \n//고대비모드\n@include color-mode($mode: high-contrast){\n\t.svg-icon {\n\t\t&.ico-help {\n\t\t\tbackground-image: url(#{$url}/img/component/icon/ico_help_fill.svg);\n\t\t}\n\t\t\n\t}\n}","//svg img\n@mixin svg-icon($size: var(--krds-icon--size-large), $mode: light, $effect: null) {\n\tdisplay: inline-flex;\n\t@include square($size);\n\tbackground-color: var(--krds-#{$mode}-color-text-basic);\n\t@if ($effect == 'pure') { //mask 효과 없이 디자인된 svg 그대로 사용\n\t\tbackground-color: transparent !important;\n\t}\n\tforced-color-adjust: none;\n\t// @media (forced-colors: active) {\n\t// }\n}\n\n//svg icon setting\n@mixin icon-set ($name, $effect: null) {\n\t-webkit-mask-repeat: no-repeat;\n\t-webkit-mask-position: center center;\n\t-webkit-mask-size: contain;\n\tmask-repeat: no-repeat;\n\tmask-position: center center;\n\tmask-size: contain;\n\t-webkit-mask-image: url(#{$url}/img/component/icon/#{$name}.svg);\n\tmask-image: url(#{$url}/img/component/icon/#{$name}.svg);\n\t@if ($effect == 'pure') { //mask 효과 없이 디자인된 svg 그대로 사용\n\t\t-webkit-mask-image: none;\n\t\tmask-image: none;\n\t\tbackground-image: url(#{$url}/img/component/icon/#{$name}.svg);\n\t\tbackground-color: transparent !important;\n\t\tbackground-size: contain;\n\t\tbackground-repeat: no-repeat;\n\t\t-webkit-mask: none;\n\t\tmask: none;\n\t}\n}","//사이즈 정의\n@mixin dropdown-size-variable() {\n\t--krds-dropdown--menu-radius: var(--krds-radius-medium4);\n\t--krds-dropdown--menu-padding: var(--krds-padding-3);\n\t--krds-dropdown--menu-margin-top: var(--krds-padding-6);\n\t--krds-dropdown--menu-gap: var(--krds-gap-3);\n\t--krds-dropdown--list-item-radius: var(--krds-radius-medium2);\n\t--krds-dropdown--list-item-height: var(--krds-size-height-7);\n\t--krds-dropdown--list-item-pc-font-size: var(--krds-pc-font-size-navigation-depth-medium);\n\t--krds-dropdown--list-item-mobile-font-size: var(--krds-mobile-font-size-navigation-depth-medium);\n}\n\n//컬러 정의\n@mixin dropdown-color-variable($mode: light) {\n\t--krds-dropdown--menu-color-border: var(--krds-#{$mode}-color-border-gray-light);\n\t--krds-dropdown--menu-color-surface: var(--krds-#{$mode}-color-surface-white-subtler);\n\t--krds-dropdown--menu-color-alpha-shadow: 0 0 0.2rem 0 var(--krds-#{$mode}-color-alpha-shadow1), 0 0.4rem 0.8rem 0 var(--krds-#{$mode}-color-alpha-shadow2);\n\t--krds-dropdown--list-item-color-action-hover: var(--krds-#{$mode}-color-action-secondary-hover);\n\t--krds-dropdown--list-item-color-action-pressed: var(--krds-#{$mode}-color-action-secondary-pressed);\n\t--krds-dropdown--list-item-color-action-selected: var(--krds-#{$mode}-color-action-secondary-selected);\n\t--krds-dropdown--list-item-color-text-selected: var(--krds-#{$mode}-color-text-secondary);\n}\n\n//모드 설정\n$mode-setting: light;\n/* krds-drop-wrap */\n.krds-drop-wrap {\n\t@include dropdown-size-variable();\n\t@include dropdown-color-variable(#{$mode-setting});\n\n\tdisplay: inline-flex;\n\tposition: relative;\n\t.drop-menu {\n\t\t@include position($t: 100%, $l: 50%);\n\t\tdisplay: none;\n\t\tz-index: 6;\n\t\tmin-width: 13rem;\n\t\tborder-radius: var(--krds-dropdown--menu-radius);\n\t\tpadding: var(--krds-dropdown--menu-padding);\n\t\tmargin-top: var(--krds-dropdown--menu-margin-top);\n\t\tbackground-color: var(--krds-dropdown--menu-color-surface);\n\t\tborder: 0.1rem solid var(--krds-dropdown--menu-color-border);\n\t\tbox-shadow: var(--krds-dropdown--menu-color-alpha-shadow);\n\t\ttransform: translateX(-50%);\n\t\t&::before {\n\t\t\t@include pseudo();\n\t\t\t@include square(1.2rem);\n\t\t\t@include position($b: 100%, $l: 50%);\n\t\t\tdisplay: block;\n\t\t\tmargin-bottom: -0.5rem;\n\t\t\tmargin-left: -0.6rem;\n\t\t\ttransform: rotate(-135deg);\n\t\t\tbackground-color: var(--krds-dropdown--menu-color-surface);\n\t\t\tborder: 0.1rem solid var(--krds-dropdown--menu-color-border);\n\t\t\tborder-top-color: transparent;\n\t\t\tborder-left-color: transparent;\n\t\t}\n\t\t.drop-in {\n\t\t\t@include flex-layout($fd: column, $ai: flex-start);\n\t\t\tgap: var(--krds-dropdown--menu-gap);\n\t\t\tposition: relative;\n\t\t\tz-index: 1;\n\t\t}\n\t\t.drop-top {\n\t\t\twidth: 100%;\n\t\t\tpadding: var(--krds-padding-3) var(--krds-padding-6);\n\t\t\tborder-bottom: 0.1rem solid var(--krds-dropdown--menu-color-border);\n\t\t}\n\t\t.drop-bottom {\n\t\t\t@include flex-layout($jc: center);\n\t\t\twidth: 100%;\n\t\t\tpadding: var(--krds-padding-3) 0;\n\t\t\tborder-top: 0.1rem solid var(--krds-dropdown--menu-color-border);\n\t\t}\n\t\t.drop-list {\n\t\t\twidth: 100%;\n\t\t\t.item-link {\n\t\t\t\t@include flex-layout($jc: flex-start, $ai: center);\n\t\t\t\twidth: 100%;\n\t\t\t\tgap: var(--krds-gap-3);\n\t\t\t\tpadding: 0 var(--krds-padding-6);\n\t\t\t\tfont-size: var(--krds-dropdown--list-item-pc-font-size);\n\t\t\t\tborder-radius: var(--krds-dropdown--list-item-radius);\n\t\t\t\theight: var(--krds-dropdown--list-item-height);\n\t\t\t\tbackground-color: var(--krds-dropdown--menu-color-surface);\n\t\t\t\t@include size-medium {\n\t\t\t\t\tfont-size: var(--krds-dropdown--list-item-mobile-font-size);\n\t\t\t\t}\n\t\t\t\t.ico-go {\n\t\t\t\t\t@include svg-icon($size: var(--krds-icon--size-medium), $mode: #{$mode-setting});\n\t\t\t\t}\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground-color: var(--krds-dropdown--list-item-color-action-hover);\n\t\t\t\t}\n\t\t\t\t&:active {\n\t\t\t\t\tbackground-color: var(--krds-dropdown--list-item-color-action-pressed);\n\t\t\t\t}\n\t\t\t\t&.active {\n\t\t\t\t\tfont-weight: var(--krds-font-weight-bold);\n\t\t\t\t\tcolor: var(--krds-dropdown--list-item-color-text-selected);\n\t\t\t\t\tbackground-color: var(--krds-dropdown--list-item-color-action-selected);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t&.drop-left {\n\t\t.drop-menu {\n\t\t\tleft: 0;\n\t\t\tright: unset;\n\t\t\ttransform: none;\n\t\t\t&::before {\n\t\t\t\tleft: 2.4rem;\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\t\t}\n\t}\n\t&.drop-right {\n\t\t.drop-menu {\n\t\t\tleft: unset;\n\t\t\tright: 0;\n\t\t\ttransform: none;\n\t\t\t&::before {\n\t\t\t\tleft: unset;\n\t\t\t\tright: 2.4rem;\n\t\t\t}\n\t\t}\n\t}\n}\n\n//고대비모드\n@include color-mode($mode: high-contrast) {\n\t//모드 설정\n\t$mode-setting: high-contrast;\n\n\t/* krds-drop-wrap */\n\t.krds-drop-wrap {\n\t\t@include dropdown-color-variable(#{$mode-setting});\n\t\t.drop-list {\n\t\t\t.item-link {\n\t\t\t\t.ico-go {\n\t\t\t\t\t@include svg-icon($size: var(--krds-icon--size-medium), $mode: #{$mode-setting});\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}","/* reset */\n//모드 설정\n$mode-setting: light;\nhtml, body {\n\tposition: relative;\n\twidth: 100%;\n\theight: 100%;\n\tfont-family: var(--krds-font-family-base);\n\tcolor: var(--krds-#{$mode-setting}-color-text-basic);\n\tfont-weight: var(--krds-font-weight-regular);\n\tline-height: var(--krds-line-height-base);\n\tword-break: keep-all;\n\tword-wrap: break-word;\n\t-webkit-tap-highlight-color : transparent;\n\tscroll-behavior: smooth;\n}\nhtml {\n\tfont-size: var(--krds-font-size-base);\n}\nbody {\n\tbackground-color: var(--krds-#{$mode-setting}-color-background-white);\n\tfont-size: var(--krds-pc-font-size-body-medium);\n\toverflow-x: hidden;\n}\n//시스템 고대비모드 켜도 우리 style 적용되도록\n* {\n\t//forced-color-adjust: none;\n}\n\n//고대비모드\n@include color-mode(high-contrast) {\n\t//모드 설정\n\t$mode-setting: high-contrast;\n\thtml, body {\n\t\tcolor: var(--krds-#{$mode-setting}-color-text-basic);\n\t}\n\tbody {\n\t\tbackground-color: var(--krds-#{$mode-setting}-color-background-white);\n\t}\n}\n*:focus {\n\t//@include focus();\n\toutline: 0.2rem solid var(--krds-light-color-border-inverse);\n\toutline-offset: 0;\n\tbox-shadow: var(--krds-box-shadow-outline);\n\ttransition: outline 0s, box-shadow 0s !important;\n}\n::-moz-selection {\n\tbackground: var(--krds-color-light-secondary-50);\n\tcolor: var(--krds-color-light-gray-0);\n}\n::selection {\n\tbackground: var(--krds-color-light-secondary-50);\n\tcolor: var(--krds-color-light-gray-0);\n}\n\nbody,\ndiv,\np,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nul,\nol,\nli,\ndl,\ndt,\ndd,\ntable,\nth,\ntd,\nform,\nfieldset,\nlegend,\ninput,\ntextarea,\na,\nbutton,\nselect,\nul,\nli,\nspan,\nem,\nlabel,\n:before,\n:after {\n\tmargin: 0;\n\tpadding: 0;\n\tbox-sizing: border-box;\n\t-webkit-text-size-adjust: none;\n\tfont-family: inherit;\n\tline-height: var(--krds-line-height-base);\n\tletter-spacing: inherit;\n}\npre {\n\tfont-family: inherit;\n}\ninput,\ntextarea,\na,\nbutton,\nselect,\nspan,\nlabel,\n:before,\n:after {\n\tfont: {\n\t\tsize: inherit;\n\t\tweight: inherit;\n\t}\n}\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nstrong {\n\tfont-weight: var(--krds-font-weight-bold);\n}\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nmenu,\nnav,\nsection {\n\tdisplay: block;\n\tmargin: 0;\n\tpadding: 0;\n\tbox-sizing: border-box;\n}\nimg,\nfieldset {\n\tborder: 0\n}\nfieldset {\n\tmin-width: 100%;\n}\nimg {\n\tmax-width: 100%;\n\tvertical-align: top;\n}\nul,\nol {\n\tlist-style: none;\n}\nem,\naddress,\ni {\n\tfont-style: normal;\n}\na,\nbutton {\n\ttransition: var(--krds-transition-base);\n}\na,\na:hover,\na:active,\na:focus {\n\tcolor: inherit;\n\ttext-decoration: none;\n}\na:visited {\n\t&.visited,\n\t.visited {\n\t\tcolor: var(--krds-#{$mode-setting}-color-link-visited);\n\t}\n}\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"] {\n\toverflow: visible;\n\tmargin: 0;\n\tbackground-color: transparent;\n\tborder: none;\n\t-webkit-appearance: button;\n\tcursor: pointer;\n\tfont: inherit;\n\tcolor: inherit;\n}\n\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n\tpadding: 0;\n\tborder: 0;\n}\n\ntextarea {\n\tresize: none;\n}\n\nlabel {\n\tcursor: pointer;\n}\n\nselect {\n\tappearance: none;\n\t-webkit-appearance: none;\n\t-moz-appearance: none;\n}\n\ninput[type=\"text\"],\ninput[type=\"tel\"],\ninput[type=\"password\"],\ninput[type=\"file\"],\ninput[type=\"number\"],\ninput[type=\"email\"],\ninput[type=\"date\"],\ninput[type=\"search\"],\ntextarea {\n\t-webkit-box-shadow: none;\n\tbox-shadow: none;\n\tappearance: none;\n\t-webkit-appearance: none;\n\t-moz-appearance: none;\n\t-webkit-tap-highlight-color: transparent;\n}\ninput[type=\"number\"] {\n\t-moz-appearance: textfield;\n\tmargin: 0;\n}\ninput[type=number]::-webkit-inner-spin-button,\ninput[type=number]::-webkit-outer-spin-button {\n\t-webkit-appearance: none;\n\tmargin: 0;\n}\n\ninput[type='text']::-ms-clear {\n\tdisplay: none;\n}\n\ncaption {\n\tposition: static !important;\n\tmargin: 0 !important;\n}\n\ntable {\n\ttable-layout: fixed;\n\tmax-width: none;\n\twidth: auto;\n\tmin-width: 100%;\n\tborder-collapse: collapse;\n}\n\n[role=\"button\"] {\n\tcursor: pointer;\n}\n\n.img img {\n\tmin-width: 100%;\n\tmax-width: 100%;\n}\n.img.bg-img {\n\tbackground-size: cover;\n}\n\n.blind,\nhr,\n.sr-only,\nlegend,\ncaption {\n\t@include sr-only;\n}\n.hide {\n\tdisplay: none !important;\n}\n.show {\n\tdisplay: block !important;\n}\n\n.al {\n\ttext-align: left !important;\n}\n.ac {\n\ttext-align: center !important;\n}\n.ar {\n\ttext-align: right !important;\n}\n.underline {\n\t@include underline();\n}\n.break-all {\n\tword-break: break-all;\n}\n//svg icon\n.svg-icon {\n\t@include svg-icon();\n\t&.pure {\n\t\t@include svg-icon($effect: pure);\n\t}\n}\n\n.inner {\n\tmax-width: var(--krds-contents-wrap-size);\n\tpadding-left: var(--krds-contents-padding-x);\n\tpadding-right: var(--krds-contents-padding-x);\n}\n\n//responsive mobile\n@include size-medium {\n\tbody {\n\t\tfont-size: var(--krds-mobile-font-size-body-medium);\n\t}\n\t.pc-only {\n\t\tdisplay: none !important;\n\t}\n\t.pc-only.read {\n\t\t@include sr-only;\n\t}\n\t.mob-line {\n\t\tdisplay: block;\n\t\tline-height: inherit;\n\t}\n}\n\n//responsive web\n@include size-large-more {\n\t.inner {\n\t\tmargin: 0 auto;\n\t}\n}\n\n@include size-medium-more {\n\t.mob-only {\n\t\tdisplay: none !important;\n\t}\n\t.mob-only.read {\n\t\t@include sr-only;\n\t}\n\t.pc-line {\n\t\tdisplay: block;\n\t\tline-height: inherit;\n\t}\n}\n\n//고대비모드\n@include color-mode($mode: high-contrast) {\n\t//모드 설정\n\t$mode-setting: high-contrast;\n\n\ta:visited {\n\t\t&.visited,\n\t\t.visited {\n\t\t\tcolor: var(--krds-#{$mode-setting}-color-link-visited);\n\t\t}\n\t}\n}"]}