@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-1f8e8c9d],[data-v-1f8e8c9d]::backdrop,[data-v-1f8e8c9d]:after,[data-v-1f8e8c9d]:before{--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}}}.swatches[data-v-1f8e8c9d]{grid-template-columns:repeat(auto-fit,minmax(24px,1fr))}.swatches label[data-v-1f8e8c9d]{border-radius:var(--radius-md,.375rem);cursor:pointer;margin:calc(var(--spacing,.25rem)*0);margin-bottom:calc(var(--spacing,.25rem)*1);--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);aspect-ratio:1;background-color:var(--color,#eee);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);display:block;filter:saturate(.75);position:relative;transition:all .2s;width:100%}.swatches input:checked+label[data-v-1f8e8c9d],.swatches label[data-v-1f8e8c9d]:hover{filter:saturate()}.swatches input:checked+label[data-v-1f8e8c9d]:after{border-bottom:2.5px solid #fff;border-right:2.5px solid #fff;content:"";height:40%;left:50%;position:absolute;top:45%;transform:translate(-50%,-50%)rotate(45deg);width:25%}.swatches input:checked+label[for=white][data-v-1f8e8c9d]:after,.swatches input:checked+label[for=yellow][data-v-1f8e8c9d]:after{border-color:#666}@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}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-border-style:solid;--tw-leading:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-duration:initial;--tw-ease:initial}}}.show-filters .filter-overlay{display:block}.show-filters{overflow:hidden}#filters{width:280px}#filters .slider-connect{background-color:var(--color-primary)}#filters::-webkit-scrollbar{display:none}.price-input{border-radius:var(--radius-xl,.75rem);border-style:var(--tw-border-style);padding:calc(var(--spacing,.25rem)*2);width:100%;--tw-leading:var(--leading-tight,1.25);line-height:var(--leading-tight,1.25);--tw-outline-style:none;border-width:1px;outline-style:none}@media(forced-colors:active){.price-input{outline:2px solid #0000;outline-offset:2px}}.price-input{transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)))}.price-input.active{border-color:var(--color-gray-400,oklch(70.7% .022 261.325));padding-left:calc(var(--spacing,.25rem)*6)}@media(max-width:768px){#filters{bottom:calc(var(--spacing,.25rem)*0);left:calc(var(--spacing,.25rem)*4);--tw-translate-x:-110vw;background-color:var(--color-white,#fff);height:100%;padding:calc(var(--spacing,.25rem)*8);padding-left:calc(var(--spacing,.25rem)*2);transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,);transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));translate:var(--tw-translate-x)var(--tw-translate-y);--tw-duration:.3s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));overflow:auto;position:fixed;transition-duration:.3s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}#filters:where(.dark,.dark *){background-color:var(--color-gray-800,oklch(27.8% .033 256.848))}#filters{box-shadow:-100px 0 #fff,-200px 0 #fff,-300px 0 #fff;z-index:60}.dark #filters{box-shadow:-100px 0 #1f2937,-200px 0 #1f2937,-300px 0 #1f2937}.show-filters #filters{translate:none}}.filters-container>div{padding-bottom:calc(var(--spacing,.25rem)*8)}@property --tw-leading{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-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{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-7f7f626d],[data-v-7f7f626d]::backdrop,[data-v-7f7f626d]:after,[data-v-7f7f626d]:before{--tw-border-style:solid;--tw-font-weight:initial}}}.next[data-v-7f7f626d],.page-number[data-v-7f7f626d],.prev[data-v-7f7f626d]{background-color:var(--color-white,#fff);border-color:var(--color-gray-300,oklch(87.2% .01 258.338));border-style:var(--tw-border-style);border-width:1px;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));padding:calc(var(--spacing,.25rem)*2);--tw-font-weight:var(--font-weight-medium,500);align-items:center;color:var(--color-gray-500,oklch(55.1% .027 264.364));display:inline-flex;font-weight:var(--font-weight-medium,500);position:relative}@media(hover:hover){:is(.prev[data-v-7f7f626d],.next[data-v-7f7f626d],.page-number[data-v-7f7f626d]):hover{background-color:var(--color-gray-50,oklch(98.5% .002 247.839))}}:is(.prev[data-v-7f7f626d],.next[data-v-7f7f626d],.page-number[data-v-7f7f626d]):focus{z-index:10}:is(.prev[data-v-7f7f626d],.next[data-v-7f7f626d],.page-number[data-v-7f7f626d]):where(.dark,.dark *){background-color:var(--color-gray-800,oklch(27.8% .033 256.848));border-color:var(--color-gray-600,oklch(44.6% .03 256.802));color:var(--color-gray-400,oklch(70.7% .022 261.325))}@media(hover:hover){:is(.prev[data-v-7f7f626d],.next[data-v-7f7f626d],.page-number[data-v-7f7f626d]):where(.dark,.dark *):hover{background-color:var(--color-gray-700,oklch(37.3% .034 259.733))}}.prev[data-v-7f7f626d]{border-bottom-left-radius:var(--radius-md,.375rem);border-top-left-radius:var(--radius-md,.375rem)}.next[data-v-7f7f626d]{border-bottom-right-radius:var(--radius-md,.375rem);border-top-right-radius:var(--radius-md,.375rem)}.page-number[data-v-7f7f626d]{padding-inline:calc(var(--spacing,.25rem)*3)}.page-number[aria-current=page][data-v-7f7f626d]{background-color:var(--color-primary,var(--color-primary,#7f54b2));border-color:var(--color-primary,var(--color-primary,#7f54b2));border-style:var(--tw-border-style);border-width:1px;z-index:10}@supports (color:color-mix(in lab,red,red)){.page-number[aria-current=page][data-v-7f7f626d]{background-color:color-mix(in oklab,var(--color-primary,var(--color-primary,#7f54b2))10%,transparent)}}.page-number[aria-current=page][data-v-7f7f626d]{color:var(--color-primary,var(--color-primary,#7f54b2))}.page-number[aria-current=page][data-v-7f7f626d]:where(.dark,.dark *){background-color:var(--color-primary,var(--color-primary,#7f54b2));border-color:var(--color-primary,var(--color-primary,#7f54b2))}@supports (color:color-mix(in lab,red,red)){.page-number[aria-current=page][data-v-7f7f626d]:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-primary,var(--color-primary,#7f54b2))20%,transparent)}}.page-number[aria-current=page][data-v-7f7f626d]:where(.dark,.dark *){color:var(--color-primary,var(--color-primary,#7f54b2))}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}.product-grid[data-v-bca245bd]{display:grid;gap:calc(var(--spacing,.25rem)*8);margin-block:calc(var(--spacing,.25rem)*4);min-height:calc(var(--spacing,.25rem)*37.5);transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)))}@media(min-width:64rem){.product-grid[data-v-bca245bd]{margin-block:calc(var(--spacing,.25rem)*8)}}.product-grid[data-v-bca245bd]{grid-template-columns:repeat(2,1fr)}.product-grid[data-v-bca245bd]:empty{display:none}@media(min-width:768px){.product-grid[data-v-bca245bd]{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}}.shrink-move[data-v-bca245bd]{transition:all .4s}.shrink-leave-active[data-v-bca245bd]{opacity:0;position:absolute;transition:transform .3s}.shrink-enter-active[data-v-bca245bd]{transition:opacity .4s ease-out .2s,transform .4s ease-out;will-change:opacity,transform}.shrink-enter[data-v-bca245bd],.shrink-enter-from[data-v-bca245bd],.shrink-leave-to[data-v-bca245bd]{opacity:0;transform:scale(.75)translateY(25%)}