.styleguide__section-title{font-size:var(--heading-h2);font-family:var(--font-family-heading);font-weight:400;line-height:1.03;letter-spacing:0px;text-transform:uppercase}.styleguide__elements-title{font-size:var(--heading-h4);font-family:var(--font-family-heading);font-weight:400;line-height:1.03;letter-spacing:0px;text-transform:uppercase}.styleguide__typography-group{font-size:var(--heading-h5);font-family:var(--font-family-heading);font-weight:400;line-height:1.03;letter-spacing:0px;text-transform:uppercase}.styleguide__nav-link{font-size:var(--body-m);font-family:var(--font-family-body);font-weight:300;line-height:1.5;letter-spacing:0em}.styleguide__spacings-columns-legend,.styleguide__spacings-var:before{font-size:var(--body-xs);font-family:var(--font-family-body);font-weight:300;line-height:1.5;letter-spacing:0em}.styleguide__typography-tooltip,.styleguide__colors-box{font-size:var(--body-2xs);font-family:var(--font-family-body);font-weight:300;line-height:1.5;letter-spacing:0em}html{scroll-behavior:smooth}.styleguide__container{width:100%;max-width:var(--section-max-width);display:grid;grid-template-columns:repeat(12,1fr);gap:var(--page-gap);padding:var(--spacing-4) var(--page-margin);margin:0 auto}.styleguide__nav{position:-webkit-sticky;position:sticky;top:var(--header-height);left:0;height:-webkit-max-content;height:-moz-max-content;height:max-content;overflow:hidden;grid-column:span 2;display:none;border-right:1px solid var(--light_grey-20)}@media screen and (min-width: 1024px){.styleguide__nav{display:block}}.styleguide__nav-list{display:flex;flex-direction:column;gap:4px}.styleguide__content{overflow:hidden;grid-column:span 12;display:flex;flex-direction:column}@media screen and (min-width: 1024px){.styleguide__content{grid-column:span 10}}.styleguide__content ul{display:flex;flex-direction:column;gap:4px}.styleguide__section{padding:0 var(--spacing-2) var(--spacing-5);border-bottom:1px solid var(--light_grey-20);margin-bottom:var(--spacing-5)}.styleguide__section--colors,.styleguide__section--buttons,.styleguide__section--chips,.styleguide__section--text-groups{padding-left:0;padding-right:0}.styleguide__section-title{text-align:center;margin-bottom:var(--spacing-4)}.styleguide__section code{font-family:monospace}.styleguide__colors-mode{display:grid;grid-template-columns:repeat(12,1fr);gap:8px 4px;padding:var(--spacing-2);border-radius:4px}.styleguide__colors-mode--dark{background-color:var(--dark_ui-background);color:var(--dark_text-text)}.styleguide__colors-mode--dark .styleguide__colors-box{border-color:var(--dark_grey-90)}.styleguide__colors-mode--light{background-color:var(--light_ui-background);color:var(--light_text-text)}.styleguide__colors-mode--light .styleguide__colors-box{border-color:var(--light_grey-90)}.styleguide__colors-mode--light .styleguide__colors-box:before,.styleguide__colors-mode--light .styleguide__colors-box:after{border-color:var(--light_grey-90)}.styleguide__colors-box{overflow:hidden;border:1px solid;border-radius:4px}.styleguide__colors-box-example{width:100%;height:auto;aspect-ratio:1}.styleguide__colors-box-name{border-top:1px solid;padding:4px 4px 0}.styleguide__colors-box-hex{padding:4px}.styleguide__typography{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-1)}.styleguide__typography-group{text-transform:capitalize;grid-column:span 2}.styleguide__typography-group:not(:first-child){margin-top:var(--spacing-3)}.styleguide__typography-style{overflow:hidden}.styleguide__typography-content{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.styleguide__typography-tooltip{padding-top:2px}.styleguide__chips{display:flex;align-items:center;justify-content:flex-start}.styleguide__chips:not(:last-child){margin-bottom:var(--spacing-1)}.styleguide__chips-el{flex:1 0}.styleguide__buttons-toggles{padding:0 var(--spacing-2)}.styleguide__buttons-toggles ul{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:var(--spacing-1)}.styleguide__buttons-color{padding:var(--spacing-2)}.styleguide__buttons-color:not(:last-child){margin-bottom:var(--spacing-3)}.styleguide__buttons-color--dark{color:var(--dark_text-text);background-color:var(--dark_ui-background)}.styleguide__buttons-color--light{color:var(--light_text-text);background-color:var(--light_ui-background)}.styleguide__buttons-style{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--spacing-1)}.styleguide__buttons-style:not(:first-child){margin-top:var(--spacing-3)}.styleguide__buttons-style-title{grid-column:span 6}.styleguide__buttons:not(.styleguide__buttons--left_arrow) .btn>.icon:first-child,.styleguide__buttons:not(.styleguide__buttons--left_arrow) .btn>svg:first-child{display:none}.styleguide__buttons:not(.styleguide__buttons--right_arrow) .btn>.icon:last-child,.styleguide__buttons:not(.styleguide__buttons--right_arrow) .btn>svg:last-child{display:none}.styleguide__buttons:not(.styleguide__buttons--text) .btn>span:not(.icon){display:none}.styleguide__buttons:not(.styleguide__buttons--interactible) .btn{pointer-events:none}.styleguide__buttons--full_width .btn{width:-webkit-max-content;width:-moz-max-content;width:max-content}.styleguide__text-group{padding-left:0;padding-right:0}.styleguide__text-group-color{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-3);padding:var(--spacing-2)}.styleguide__text-group-color:not(:first-child){margin-top:var(--spacing-3)}.styleguide__text-group-color--dark{background-color:var(--dark_ui-background)}.styleguide__text-group-color--light{background-color:var(--light_ui-background)}.styleguide__spacings-var{position:relative;width:100%;height:21px;display:block;background-color:var(--light_grey-50);margin:8px 0}.styleguide__spacings-var:before{content:attr(data-var-name);white-space:nowrap;position:absolute;top:0;left:0;height:100%}.styleguide__spacings-columns-wrapper{background-color:var(--light_grey-10);height:100px;padding:0 var(--page-margin);margin:var(--spacing-1) 0}.styleguide__spacings-columns-grid{height:100%;display:grid;grid-template-columns:repeat(12,1fr);gap:var(--page-gap);background-color:var(--light_grey-30)}.styleguide__spacings-columns-grid[data-cols="1"]{grid-template-columns:repeat(1,1fr)}.styleguide__spacings-columns-grid[data-cols="1"] .styleguide__spacings-columns-col:nth-child(1)~.styleguide__spacings-columns-col{display:none}.styleguide__spacings-columns-grid[data-cols="2"]{grid-template-columns:repeat(2,1fr)}.styleguide__spacings-columns-grid[data-cols="2"] .styleguide__spacings-columns-col:nth-child(2)~.styleguide__spacings-columns-col{display:none}.styleguide__spacings-columns-grid[data-cols="3"]{grid-template-columns:repeat(3,1fr)}.styleguide__spacings-columns-grid[data-cols="3"] .styleguide__spacings-columns-col:nth-child(3)~.styleguide__spacings-columns-col{display:none}.styleguide__spacings-columns-grid[data-cols="4"]{grid-template-columns:repeat(4,1fr)}.styleguide__spacings-columns-grid[data-cols="4"] .styleguide__spacings-columns-col:nth-child(4)~.styleguide__spacings-columns-col{display:none}.styleguide__spacings-columns-grid[data-cols="5"]{grid-template-columns:repeat(5,1fr)}.styleguide__spacings-columns-grid[data-cols="5"] .styleguide__spacings-columns-col:nth-child(5)~.styleguide__spacings-columns-col{display:none}.styleguide__spacings-columns-grid[data-cols="6"]{grid-template-columns:repeat(6,1fr)}.styleguide__spacings-columns-grid[data-cols="6"] .styleguide__spacings-columns-col:nth-child(6)~.styleguide__spacings-columns-col{display:none}.styleguide__spacings-columns-grid[data-cols="7"]{grid-template-columns:repeat(7,1fr)}.styleguide__spacings-columns-grid[data-cols="7"] .styleguide__spacings-columns-col:nth-child(7)~.styleguide__spacings-columns-col{display:none}.styleguide__spacings-columns-grid[data-cols="8"]{grid-template-columns:repeat(8,1fr)}.styleguide__spacings-columns-grid[data-cols="8"] .styleguide__spacings-columns-col:nth-child(8)~.styleguide__spacings-columns-col{display:none}.styleguide__spacings-columns-grid[data-cols="9"]{grid-template-columns:repeat(9,1fr)}.styleguide__spacings-columns-grid[data-cols="9"] .styleguide__spacings-columns-col:nth-child(9)~.styleguide__spacings-columns-col{display:none}.styleguide__spacings-columns-grid[data-cols="10"]{grid-template-columns:repeat(10,1fr)}.styleguide__spacings-columns-grid[data-cols="10"] .styleguide__spacings-columns-col:nth-child(10)~.styleguide__spacings-columns-col{display:none}.styleguide__spacings-columns-grid[data-cols="11"]{grid-template-columns:repeat(11,1fr)}.styleguide__spacings-columns-grid[data-cols="11"] .styleguide__spacings-columns-col:nth-child(11)~.styleguide__spacings-columns-col{display:none}.styleguide__spacings-columns-grid[data-cols="12"]{grid-template-columns:repeat(12,1fr)}.styleguide__spacings-columns-grid[data-cols="12"] .styleguide__spacings-columns-col:nth-child(12)~.styleguide__spacings-columns-col{display:none}.styleguide__spacings-columns-col{height:100%;background-color:var(--light_grey-50)}.styleguide__spacings-columns-legend{position:relative;height:21px;display:block;padding-left:25px;margin-top:var(--spacing-1)}.styleguide__spacings-columns-legend:before{content:"";position:absolute;top:0;left:0;width:auto;height:100%;aspect-ratio:1;border:1px solid var(--light_ui-element)}.styleguide__spacings-columns-legend--margin:before{background-color:var(--light_grey-10)}.styleguide__spacings-columns-legend--gutter:before{background-color:var(--light_grey-30)}.styleguide__spacings select{margin-top:var(--spacing-3)}.styleguide__form{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--spacing-1)}.styleguide__form [data-type=multiple]{grid-column:span 3}.styleguide__form [data-type=text]{grid-column:span 2}.styleguide__form [data-type=textarea]{grid-column:span 6}.styleguide__form [data-type=textarea] .form-element{width:-webkit-max-content;width:-moz-max-content;width:max-content}.styleguide__form .form-element,.styleguide__form .form-element select,.styleguide__form .form-element input{width:100%}.styleguide__form .form-element select[type=radio]+label,.styleguide__form .form-element select[type=checkbox]+label,.styleguide__form .form-element input[type=radio]+label,.styleguide__form .form-element input[type=checkbox]+label{margin-top:4px}.styleguide__elements-category:not(:first-child){margin-top:var(--spacing-3)}.styleguide__elements-title{margin-bottom:var(--spacing-1)}.styleguide__elements-modals{display:flex;flex-wrap:wrap;gap:var(--spacing-1)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/templates.page.styleguide.css.map */