@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-e0d657fe],[data-v-e0d657fe]::backdrop,[data-v-e0d657fe]:after,[data-v-e0d657fe]:before{--tw-border-style:solid;--tw-tracking:initial;--tw-leading:initial;--tw-font-weight:initial;--tw-duration:initial}}}.configurator[data-v-e0d657fe]{gap:calc(var(--spacing,.25rem)*5);flex-direction:column;display:flex}.config-controls[data-v-e0d657fe]{gap:calc(var(--spacing,.25rem)*4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.config-control[data-v-e0d657fe],.config-field[data-v-e0d657fe]{width:100%}.config-price[data-v-e0d657fe]{border-radius:calc(var(--ui-radius)*3);border-style:var(--tw-border-style);border-width:1px;border-color:var(--ui-primary);flex-direction:column;display:flex}@supports (color:color-mix(in lab,red,red)){.config-price[data-v-e0d657fe]{border-color:color-mix(in oklab,var(--ui-primary) 25%,transparent)}}.config-price[data-v-e0d657fe]{background-color:var(--ui-primary)}@supports (color:color-mix(in lab,red,red)){.config-price[data-v-e0d657fe]{background-color:color-mix(in oklab,var(--ui-primary) 5%,transparent)}}.config-price[data-v-e0d657fe]{padding:calc(var(--spacing,.25rem)*4)}.price-label[data-v-e0d657fe]{font-family:var(--font-mono,"IBM Plex Mono",ui-monospace,monospace);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,1.33));--tw-tracking:var(--tracking-wider,.05em);letter-spacing:var(--tracking-wider,.05em);color:var(--ui-text-muted);text-transform:uppercase}.price-value[data-v-e0d657fe]{margin-top:var(--spacing,.25rem);font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;font-weight:700;font-size:var(--text-32,clamp(1.625rem,1.493rem + .563vw,2rem));line-height:var(--tw-leading,var(--text-32--line-height,1.25));--tw-leading:1;color:var(--ui-primary);line-height:1}.price-note[data-v-e0d657fe]{margin-top:calc(var(--spacing,.25rem)*1.5);font-size:var(--text-14,.875rem);line-height:var(--tw-leading,var(--text-14--line-height,1.43));color:var(--ui-text-muted)}.config-extras[data-v-e0d657fe]{gap:calc(var(--spacing,.25rem)*2.5);flex-direction:column;display:flex}.extras-label[data-v-e0d657fe]{font-size:var(--text-14,.875rem);line-height:var(--tw-leading,var(--text-14--line-height,1.43));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--ui-text-highlighted)}.extras-grid[data-v-e0d657fe]{gap:calc(var(--spacing,.25rem)*2);flex-wrap:wrap;display:flex}.extra-chip[data-v-e0d657fe]{border-style:var(--tw-border-style);border-width:1px;border-color:var(--ui-border);background-color:var(--ui-bg);padding-inline:calc(var(--spacing,.25rem)*3.5);padding-block:calc(var(--spacing,.25rem)*1.5);font-size:var(--text-14,.875rem);line-height:var(--tw-leading,var(--text-14--line-height,1.43));color:var(--ui-text-toned);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;border-radius:3.40282e+38px;transition-duration:.2s}@media(hover:hover){.extra-chip[data-v-e0d657fe]:hover{border-color:var(--ui-primary)}@supports (color:color-mix(in lab,red,red)){.extra-chip[data-v-e0d657fe]:hover{border-color:color-mix(in oklab,var(--ui-primary) 50%,transparent)}}}.extra-chip.is-selected[data-v-e0d657fe]{border-color:var(--ui-primary);background-color:var(--ui-primary)}@supports (color:color-mix(in lab,red,red)){.extra-chip.is-selected[data-v-e0d657fe]{background-color:color-mix(in oklab,var(--ui-primary) 5%,transparent)}}.extra-chip.is-selected[data-v-e0d657fe]{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--ui-text-highlighted)}.extras-note[data-v-e0d657fe]{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,1.33));color:var(--ui-text-dimmed)}.config-ondemand[data-v-e0d657fe]{align-items:flex-start;gap:calc(var(--spacing,.25rem)*2.5);border-radius:calc(var(--ui-radius)*3);border-style:var(--tw-border-style);border-width:1px;border-color:var(--ui-border);background-color:var(--ui-bg-muted);padding:calc(var(--spacing,.25rem)*4);font-size:var(--text-14,.875rem);line-height:var(--tw-leading,var(--text-14--line-height,1.43));color:var(--ui-text-toned);display:flex}.ondemand-icon[data-v-e0d657fe]{margin-top:calc(var(--spacing,.25rem)*.5);width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4);color:var(--ui-primary);flex-shrink:0}.config-form[data-v-e0d657fe]{flex-direction:column;display:flex}.config-form[data-v-e0d657fe],.form-row[data-v-e0d657fe]{gap:calc(var(--spacing,.25rem)*4)}.form-row[data-v-e0d657fe]{display:grid}@media(min-width:40rem){.form-row[data-v-e0d657fe]{grid-template-columns:repeat(2,minmax(0,1fr))}}.config-hp[data-v-e0d657fe]{display:none}.config-note[data-v-e0d657fe]{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,1.33));color:var(--ui-text-dimmed)}@property --tw-leading{syntax:"*";inherits:false}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-11562799],[data-v-11562799]::backdrop,[data-v-11562799]:after,[data-v-11562799]:before{--tw-border-style:solid;--tw-duration:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--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;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-tracking:initial;--tw-font-weight:initial}}}.swatch-section[data-v-11562799]{padding-block:var(--spacing-fluid-7)}.swatch-inner[data-v-11562799]{width:100%;max-width:clamp(80rem,142vh,110rem);margin-inline:auto;padding-inline:clamp(1.25rem,.81rem + 1.878vw,2.5rem)}.tile-grid[data-v-11562799]{gap:var(--spacing-fluid-2);grid-template-columns:minmax(0,1fr);display:grid}@media(min-width:40rem){.tile-grid[data-v-11562799]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:80rem){.tile-grid[data-v-11562799]{grid-template-columns:repeat(4,minmax(0,1fr))}}.cat-tile[data-v-11562799]{border-radius:calc(var(--ui-radius)*3);border-style:var(--tw-border-style);border-width:1px;border-color:var(--ui-border);background-color:var(--ui-bg);text-align:start;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;transition-duration:.3s;overflow:hidden}@media(hover:hover){.cat-tile[data-v-11562799]:hover{--tw-translate-y:calc(var(--spacing,.25rem)*-1);translate:var(--tw-translate-x) var(--tw-translate-y);border-color:var(--ui-primary)}@supports (color:color-mix(in lab,red,red)){.cat-tile[data-v-11562799]:hover{border-color:color-mix(in oklab,var(--ui-primary) 40%,transparent)}}.cat-tile[data-v-11562799]:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.tile-media[data-v-11562799]{aspect-ratio:4/3;background-color:var(--ui-bg-muted);display:block;position:relative;overflow:hidden}.tile-image[data-v-11562799]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.5s;transition-duration:.5s}.cat-tile:hover .tile-image[data-v-11562799]{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.tile-count[data-v-11562799]{inset-inline-start:calc(var(--spacing,.25rem)*3);top:calc(var(--spacing,.25rem)*3);background-color:#0e0e0eb3;border-radius:3.40282e+38px;position:absolute}@supports (color:color-mix(in lab,red,red)){.tile-count[data-v-11562799]{background-color:color-mix(in oklab,var(--color-carbon-950,oklch(16.3% 0 0)) 70%,transparent)}}.tile-count[data-v-11562799]{padding-inline:calc(var(--spacing,.25rem)*3);padding-block:var(--spacing,.25rem);font-family:var(--font-mono,"IBM Plex Mono",ui-monospace,monospace);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,1.33));--tw-tracking:var(--tracking-wider,.05em);letter-spacing:var(--tracking-wider,.05em);color:var(--color-white,#fff);text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tile-body[data-v-11562799]{gap:calc(var(--spacing,.25rem)*1.5);padding:calc(var(--spacing,.25rem)*5);flex-direction:column;display:flex}.tile-name[data-v-11562799]{align-items:center;gap:calc(var(--spacing,.25rem)*2);font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;font-weight:700;font-size:var(--text-24,clamp(1.25rem,1.162rem + .376vw,1.5rem));line-height:var(--tw-leading,var(--text-24--line-height,1.33));color:var(--ui-text-highlighted);display:flex}.tile-arrow[data-v-11562799]{width:calc(var(--spacing,.25rem)*5);height:calc(var(--spacing,.25rem)*5);color:var(--ui-primary);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;transition-duration:.3s}.cat-tile:hover .tile-arrow[data-v-11562799]{--tw-translate-x:var(--spacing,.25rem);translate:var(--tw-translate-x) var(--tw-translate-y)}[dir=rtl] .cat-tile:hover .tile-arrow[data-v-11562799]{--tw-translate-x:calc(var(--spacing,.25rem)*-1);translate:var(--tw-translate-x) var(--tw-translate-y)}.tile-desc[data-v-11562799]{color:var(--ui-text-muted)}.tile-desc[data-v-11562799],.tile-price[data-v-11562799]{font-size:var(--text-14,.875rem);line-height:var(--tw-leading,var(--text-14--line-height,1.43))}.tile-price[data-v-11562799]{margin-top:var(--spacing,.25rem);font-family:var(--font-mono,"IBM Plex Mono",ui-monospace,monospace);color:var(--ui-primary)}.tile-price-muted[data-v-11562799]{color:var(--ui-text-dimmed)}.swatch-search[data-v-11562799]{margin-bottom:var(--spacing-fluid-2,clamp(1.25rem,1.03rem + .939vw,1.875rem));width:100%;max-width:var(--container-md,28rem)}.surface-filters[data-v-11562799]{margin-top:calc(var(--spacing,.25rem)*3);gap:calc(var(--spacing,.25rem)*2);flex-wrap:wrap;display:flex}.surface-count[data-v-11562799]{font-family:var(--font-mono,"IBM Plex Mono",ui-monospace,monospace);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,1.33));color:var(--ui-text-dimmed);margin-inline-start:calc(var(--spacing,.25rem)*1.5)}.swatch-toolbar[data-v-11562799]{align-items:flex-start;gap:calc(var(--spacing,.25rem)*4);flex-direction:column;display:flex}@media(min-width:64rem){.swatch-toolbar[data-v-11562799]{flex-direction:row;justify-content:space-between;align-items:center}}.swatch-filters[data-v-11562799]{gap:calc(var(--spacing,.25rem)*2);flex-wrap:wrap;display:flex}.filter-button[data-v-11562799]{border-radius:3.40282e+38px}.swatch-count[data-v-11562799]{margin-top:calc(var(--spacing,.25rem)*4);margin-bottom:calc(var(--spacing,.25rem)*6);font-family:var(--font-mono,"IBM Plex Mono",ui-monospace,monospace);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,1.33));--tw-tracking:var(--tracking-wider,.05em);letter-spacing:var(--tracking-wider,.05em);color:var(--ui-text-dimmed);text-transform:uppercase}.swatch-grid[data-v-11562799]{gap:var(--spacing-fluid-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media(min-width:40rem){.swatch-grid[data-v-11562799]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:80rem){.swatch-grid[data-v-11562799]{grid-template-columns:repeat(4,minmax(0,1fr))}}.swatch-card[data-v-11562799]{border-radius:calc(var(--ui-radius)*3);border-style:var(--tw-border-style);border-width:1px;border-color:var(--ui-border);background-color:var(--ui-bg);text-align:start;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;transition-duration:.3s;overflow:hidden}@media(hover:hover){.swatch-card[data-v-11562799]:hover{--tw-translate-y:calc(var(--spacing,.25rem)*-1);translate:var(--tw-translate-x) var(--tw-translate-y);border-color:var(--ui-primary)}@supports (color:color-mix(in lab,red,red)){.swatch-card[data-v-11562799]:hover{border-color:color-mix(in oklab,var(--ui-primary) 40%,transparent)}}.swatch-card[data-v-11562799]:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.card-media[data-v-11562799]{aspect-ratio:1;background-color:var(--ui-bg-muted);display:block;overflow:hidden}.card-image[data-v-11562799]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.5s;transition-duration:.5s}.swatch-card:hover .card-image[data-v-11562799]{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.card-body[data-v-11562799]{gap:calc(var(--spacing,.25rem)*.5);padding:calc(var(--spacing,.25rem)*4);flex-direction:column;display:flex}.card-name[data-v-11562799]{font-size:var(--text-16,1rem);line-height:var(--tw-leading,var(--text-16--line-height,1.5));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--ui-text-highlighted)}.card-price[data-v-11562799]{font-family:var(--font-mono,"IBM Plex Mono",ui-monospace,monospace);font-size:var(--text-14,.875rem);line-height:var(--tw-leading,var(--text-14--line-height,1.43));color:var(--ui-primary)}.card-price-muted[data-v-11562799]{color:var(--ui-text-dimmed)}.swatch-detail[data-v-11562799]{gap:0;display:grid}@media(min-width:40rem){.swatch-detail[data-v-11562799]{grid-template-columns:repeat(2,minmax(0,1fr))}}.detail-media[data-v-11562799]{background-color:var(--ui-bg-muted);position:relative}.detail-thumbs[data-v-11562799]{inset-inline:calc(var(--spacing,.25rem)*3);bottom:calc(var(--spacing,.25rem)*3);gap:calc(var(--spacing,.25rem)*2);display:flex;position:absolute}.detail-thumb[data-v-11562799]{width:calc(var(--spacing,.25rem)*14);height:calc(var(--spacing,.25rem)*14);border-radius:calc(var(--ui-radius)*2);border-style:var(--tw-border-style);border-width:2px;border-color:#ffffffb3;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.detail-thumb[data-v-11562799]{border-color:color-mix(in oklab,var(--color-white,#fff) 70%,transparent)}}.detail-thumb[data-v-11562799]{opacity:.8;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;transition-duration:.2s}.detail-thumb.is-active[data-v-11562799]{border-color:var(--ui-primary);opacity:1}.detail-image[data-v-11562799],.thumb-image[data-v-11562799]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.detail-category[data-v-11562799]{inset-inline-start:calc(var(--spacing,.25rem)*3);top:calc(var(--spacing,.25rem)*3);background-color:#0e0e0eb3;border-radius:3.40282e+38px;position:absolute}@supports (color:color-mix(in lab,red,red)){.detail-category[data-v-11562799]{background-color:color-mix(in oklab,var(--color-carbon-950,oklch(16.3% 0 0)) 70%,transparent)}}.detail-category[data-v-11562799]{padding-inline:calc(var(--spacing,.25rem)*3);padding-block:var(--spacing,.25rem);font-family:var(--font-mono,"IBM Plex Mono",ui-monospace,monospace);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,1.33));--tw-tracking:var(--tracking-wider,.05em);letter-spacing:var(--tracking-wider,.05em);color:var(--color-white,#fff);text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.detail-body[data-v-11562799]{gap:calc(var(--spacing,.25rem)*4);padding:var(--spacing-fluid-2,clamp(1.25rem,1.03rem + .939vw,1.875rem));flex-direction:column;display:flex}.detail-head[data-v-11562799]{justify-content:space-between;align-items:flex-start;gap:calc(var(--spacing,.25rem)*3);display:flex}.detail-name[data-v-11562799]{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;font-weight:700;font-size:var(--text-24,clamp(1.25rem,1.162rem + .376vw,1.5rem));line-height:var(--tw-leading,var(--text-24--line-height,1.33));color:var(--ui-text-highlighted)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@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}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}
