@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading:initial;--tw-font-weight:initial;--tw-border-style:solid;--tw-content:"";--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.model-urban-colors{width:100%;padding-inline:calc(var(--spacing,.25rem)*4);flex-direction:column;align-items:center;gap:60px;padding-block:60px;display:flex;overflow:hidden}@media (min-width:768px){.model-urban-colors{gap:calc(var(--spacing,.25rem)*20);padding-inline:calc(var(--spacing,.25rem)*10);padding-block:calc(var(--spacing,.25rem)*20)}}@media (min-width:1024px){.model-urban-colors{gap:calc(var(--spacing,.25rem)*20);padding-inline:calc(var(--spacing,.25rem)*40);padding-block:120px}}.model-urban-colors__heading{align-items:center;gap:calc(var(--spacing,.25rem)*4);text-align:center;flex-direction:column;width:100%;max-width:714px;display:flex}.model-urban-colors__eyebrow{width:100%;font-family:var(--font-headline,var(--font-family-headline),ui-sans-serif,system-ui,sans-serif);--tw-leading:1.4;--tw-font-weight:var(--font-weight-normal,400);font-size:20px;line-height:1.4;font-weight:var(--font-weight-normal,400);color:var(--color-primary,var(--color-primary))}.model-urban-colors__eyebrow p{margin:calc(var(--spacing,.25rem)*0)}.model-urban-colors__title{width:100%;font-family:var(--font-headline,var(--font-family-headline),ui-sans-serif,system-ui,sans-serif);--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);color:var(--color-black,#000);--tw-leading:1.5;font-size:28px;line-height:1.5}@media (min-width:768px){.model-urban-colors__title{font-size:32px}}@media (min-width:1024px){.model-urban-colors__title{--tw-leading:1.1;font-size:48px;line-height:1.1}}.model-urban-colors__title p{margin:calc(var(--spacing,.25rem)*0)}.model-urban-colors__hero{width:350px;height:140px;position:relative;overflow:hidden}@media (min-width:420px){.model-urban-colors__hero{width:600.52px;height:240px}}@media (min-width:1024px){.model-urban-colors__hero{width:1155px;height:461.6px}}.model-urban-colors__hero-image{object-fit:cover}.model-urban-colors__hero-image--desktop{display:none}@media (min-width:1024px){.model-urban-colors__hero-image--desktop{display:block}}.model-urban-colors__hero-image--tablet{display:none}@media (min-width:768px){.model-urban-colors__hero-image--tablet{display:block}}@media (min-width:1024px){.model-urban-colors__hero-image--tablet{display:none}}.model-urban-colors__hero-image--mobile{display:block}@media (min-width:768px){.model-urban-colors__hero-image--mobile{display:none}}.model-urban-colors__tabs{align-items:flex-start;width:328px;display:flex}@media (min-width:768px){.model-urban-colors__tabs{width:460px}}@media (min-width:1024px){.model-urban-colors__tabs{width:680px}}.model-urban-colors__tab{min-width:calc(var(--spacing,.25rem)*0);padding:calc(var(--spacing,.25rem)*0);justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem)*3);background-color:#0000;flex-direction:column;flex:1;display:flex}@media (min-width:768px){.model-urban-colors__tab{gap:calc(var(--spacing,.25rem)*5)}}@media (min-width:1024px){.model-urban-colors__tab{gap:calc(var(--spacing,.25rem)*8)}}.model-urban-colors__tab{border-style:var(--tw-border-style);cursor:pointer;border-width:0}.model-urban-colors__tab:after{--tw-content:"";content:var(--tw-content);background-color:#d9d9d9;width:100%;height:2px}.model-urban-colors__tab--active:after{background-color:var(--color-primary,var(--color-primary))}.model-urban-colors__tab-label{font-family:var(--font-headline,var(--font-family-headline),ui-sans-serif,system-ui,sans-serif);--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);color:var(--color-black,#000);--tw-leading:1.5;font-size:20px;line-height:1.5}@media (min-width:768px){.model-urban-colors__tab-label{font-size:28px}}@media (min-width:1024px){.model-urban-colors__tab-label{font-size:32px}}.model-urban-colors__swatches{align-items:center;gap:calc(var(--spacing,.25rem)*8);display:flex}@media (min-width:768px){.model-urban-colors__swatches{justify-content:center;gap:calc(var(--spacing,.25rem)*10);width:460px}}@media (min-width:1024px){.model-urban-colors__swatches{justify-content:center;gap:70px;width:auto}}.model-urban-colors__swatch{width:calc(var(--spacing,.25rem)*10);height:calc(var(--spacing,.25rem)*10);border-radius:3.40282e38px;position:relative;overflow:hidden}@media (min-width:768px){.model-urban-colors__swatch{width:60px;height:60px}}@media (min-width:1024px){.model-urban-colors__swatch{width:calc(var(--spacing,.25rem)*20);height:calc(var(--spacing,.25rem)*20)}}.model-urban-colors__swatch{cursor:pointer;border-style:var(--tw-border-style);padding:calc(var(--spacing,.25rem)*0);background-color:#0000;border-width:0}.model-urban-colors__swatch--active{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:#00000040}@supports (color:color-mix(in lab, red, red)){.model-urban-colors__swatch--active{--tw-ring-color:color-mix(in oklab,var(--color-black,#000)25%,transparent)}}.model-urban-colors__swatch-image{object-fit:cover}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}