@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-leading:initial;--tw-border-style:solid}}}.dynamic-preview-annotation-line{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));--tw-leading:1;display:grid;line-height:1}.dynamic-preview-annotation-line .dynamic-preview-annotation-line-connector,.dynamic-preview-annotation-line .dynamic-preview-annotation-line-pipe{border-color:var(--ui-color-neutral-300)}.dynamic-preview-annotation-line.dynamic-preview-annotation-line-horizontal{align-items:center;display:grid;grid-template-columns:2px 1fr max-content 1fr 2px;grid-template-rows:20px;padding-bottom:calc(var(--spacing,.25rem)*2)}.dynamic-preview-annotation-line.dynamic-preview-annotation-line-horizontal .dynamic-preview-annotation-line-pipe{border-right-style:var(--tw-border-style);border-right-width:1px;height:100%}.dynamic-preview-annotation-line.dynamic-preview-annotation-line-horizontal .dynamic-preview-annotation-line-connector{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.dynamic-preview-annotation-line.dynamic-preview-annotation-line-horizontal .dynamic-preview-annotation-line-value{padding-inline:calc(var(--spacing,.25rem)*2);text-align:center}.dynamic-preview-annotation-line.dynamic-preview-annotation-line-vertical{grid-template-columns:20px;grid-template-rows:2px 1fr min-content 1fr 2px;justify-content:center;padding-right:calc(var(--spacing,.25rem)*2)}.dynamic-preview-annotation-line.dynamic-preview-annotation-line-vertical .dynamic-preview-annotation-line-pipe{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;width:100%}.dynamic-preview-annotation-line.dynamic-preview-annotation-line-vertical .dynamic-preview-annotation-line-connector{border-right-style:var(--tw-border-style);border-right-width:1px;height:100%;justify-self:center}.dynamic-preview-annotation-line.dynamic-preview-annotation-line-vertical .dynamic-preview-annotation-line-value{padding-block:calc(var(--spacing,.25rem)*2);text-align:center}@property --tw-leading{syntax:"*";inherits:false}.dynamic-preview-layout{display:grid;grid-template:"none width"min-content"height box"min-content/min-content min-content;justify-content:center}.dynamic-preview-layout .dynamic-preview-annotation-line-horizontal{grid-area:width}.dynamic-preview-layout .dynamic-preview-annotation-line-vertical{grid-area:height}.dynamic-preview-layout .dynamic-preview-layout-content{grid-area:box;position:relative}.dynamic-preview-overlap{background-color:var(--dynamic-preview-box-border-color);background-image:var(--dynamic-preview-box-border-image);background-repeat:repeat;background-size:50px 50px;position:relative}.dynamic-preview-box-border{background-color:var(--dynamic-preview-box-border-color);height:var(--border-height);width:var(--border-width)}.dynamic-preview-box-border.dynamic-preview-box-border-bottom,.dynamic-preview-box-border.dynamic-preview-box-border-top{background-image:var(--dynamic-preview-box-border-image);background-size:auto 100%;clip-path:polygon(0 0,100% 0,calc(100% - var(--border-height) + 4px) 100%,calc(var(--border-height) - 4px) 100%);grid-column:1/-1}.dynamic-preview-box-border.dynamic-preview-box-border-top{grid-row:1/2}.dynamic-preview-box-border.dynamic-preview-box-border-bottom{grid-row:3/4;transform:rotate(180deg)}.dynamic-preview-box-border.dynamic-preview-box-border-left,.dynamic-preview-box-border.dynamic-preview-box-border-right{background-image:var(--dynamic-preview-box-border-image-vertical);background-size:100% auto;clip-path:polygon(0 var(--border-width),100% 0,100% 100%,0 calc(100% - var(--border-width)));grid-row:1/-1}.dynamic-preview-box-border.dynamic-preview-box-border-left{grid-column:1/2;transform:rotate(180deg)}.dynamic-preview-box-border.dynamic-preview-box-border-right{grid-column:3/4}.dynamic-preview-box{background-color:var(--dynamic-preview-box-background-color);background-image:var(--dynamic-preview-box-background-image);background-repeat:repeat;background-size:50px 50px;display:inline-block;position:relative}.dynamic-preview-box .dynamic-preview-box-content{overflow:hidden;position:relative;z-index:10}.dynamic-preview-box .dynamic-preview-box-content:before{box-shadow:inset 2px 2px 4px #0000000f;inset:calc(var(--spacing,.25rem)*0);pointer-events:none;position:absolute;z-index:10}.dynamic-preview-box .dynamic-preview-box-content.with-shadow:before{content:""}.dynamic-preview-box.with-borders{display:grid;grid-template-columns:min-content min-content min-content;grid-template-rows:min-content min-content min-content}.dynamic-preview-box.with-borders .dynamic-preview-box-content{grid-area:2/2}.dynamic-preview-artwork{align-items:center;background-color:var(--color-white,#fff);display:flex;height:100%;justify-content:center;position:relative}.dynamic-preview-artwork .dynamic-preview-artwork-image{background-color:var(--ui-color-neutral-50);background-repeat:repeat;position:relative;z-index:10}.dynamic-preview-artwork .dynamic-preview-artwork-image:before{background-color:var(--ui-color-neutral-300);content:"";inset:0;-webkit-mask-image:url(../frame-destination.svg);mask-image:url(../frame-destination.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-repeat:space;mask-repeat:space;-webkit-mask-size:var(--artwork-mask-size);mask-size:var(--artwork-mask-size);pointer-events:none;position:absolute}.dynamic-preview-front-outer{box-shadow:3px 3px 6px #00000014}@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}}}.dynamic-preview-depth-layer{--tw-border-style:dashed;border-color:#0000;border-style:dashed;font-size:0;position:relative;white-space:nowrap}.dynamic-preview-depth-layer.painted{border-top:2px var(--tw-border-style);border-color:#0003}.dynamic-preview-depth-layer.painted.last{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.dynamic-preview-depth-layer .dynamic-preview-depth-layer-opening,.dynamic-preview-depth-layer .dynamic-preview-depth-layer-solid{align-items:center;display:inline-block;height:100%;justify-content:center}.dynamic-preview-depth-layer .dynamic-preview-depth-layer-opening{background-color:var(--color-white,#fff);z-index:10}.dynamic-preview-depth-layer .dynamic-preview-depth-layer-solid{background-color:var(--dynamic-preview-depth-layer-background-color);background-image:var(--dynamic-preview-depth-layer-background-image);background-repeat:repeat;background-size:20px 20px}.dynamic-preview-depth-layer .dynamic-preview-depth-layer-composite{height:100%;min-width:calc(var(--spacing,.25rem)*0)}.dynamic-preview-depth-layer .dynamic-preview-depth-layer-composite>*{display:inline-block;height:100%}.dynamic-preview-depth-layer .ui-inches-display{background-color:var(--color-white,#fff);border-radius:calc(var(--ui-radius)*1.5);display:block;opacity:0;padding-inline:calc(var(--spacing,.25rem)*2);pointer-events:none;position:relative;transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));z-index:20}.dynamic-preview-depth-layer.striped-hover-overlay:after{bottom:calc(var(--spacing,.25rem)*.5);top:calc(var(--spacing,.25rem)*-.5);z-index:10}.dynamic-preview-depth-layer:hover{color:var(--ui-color-neutral-950)}.dynamic-preview-depth-layer:hover .ui-inches-display{opacity:1}.dynamic-preview-depth-layer .clip-right,.dynamic-preview-depth-layer .clip-right:after,.dynamic-preview-depth-layer .clip-right:before{clip-path:polygon(6px 0,100% 0,100% 100%,0 100%)}.dynamic-preview-depth-layer .clip-left,.dynamic-preview-depth-layer .clip-left:after,.dynamic-preview-depth-layer .clip-left:before{clip-path:polygon(0 0,calc(100% - 6px) 0,100% 100%,0 100%)}@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}}}.dynamic-preview-depth-frame{align-items:flex-end;display:flex}.dynamic-preview-depth-frame .dynamic-preview-depth-frame-border{border-color:var(--ui-color-neutral-200);border-style:var(--tw-border-style);border-width:2px;--frame-stripe-angle:45deg;background:repeating-linear-gradient(var(--frame-stripe-angle),transparent 0 4px,var(--color-neutral-200) 4px 5.66px)}.dynamic-preview-depth-frame .dynamic-preview-depth-frame-border.dynamic-preview-depth-frame-border-right{--frame-stripe-angle:135deg}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}.dynamic-preview-container{max-height:min(100%,100svh,480px);max-width:min(100%,100svw,320px);position:relative}.dynamic-preview-container{max-width:min(100%,100svw,320px);position:relative}.product-images{margin:0 auto;max-width:350px}.product-image-bg{background-color:var(--ui-color-neutral-100);background-image:url(../frame-destination-placeholder.svg);background-repeat:space;background-size:30px 30px}@property --magic-color-0{syntax:"<color>";inherits:false;initial-value:#0d8a56}@property --magic-color-1{syntax:"<color>";inherits:false;initial-value:#15a362}@property --magic-color-2{syntax:"<color>";inherits:false;initial-value:#2db87a}@keyframes colorCycle{0%{--magic-color-0:#0d8a56;--magic-color-1:#15a362;--magic-color-2:#2db87a}12.5%{--magic-color-0:#15a362;--magic-color-1:#2db87a;--magic-color-2:#3b9db0}25%{--magic-color-0:#2db87a;--magic-color-1:#3b9db0;--magic-color-2:#4a7ec8}37.5%{--magic-color-0:#3b9db0;--magic-color-1:#4a7ec8;--magic-color-2:#5b5fd4}50%{--magic-color-0:#4a7ec8;--magic-color-1:#5b5fd4;--magic-color-2:#7a5fcf}62.5%{--magic-color-0:#5b5fd4;--magic-color-1:#7a5fcf;--magic-color-2:#7c6bd4}75%{--magic-color-0:#7a5fcf;--magic-color-1:#7c6bd4;--magic-color-2:#15a362}87.5%{--magic-color-0:#7c6bd4;--magic-color-1:#15a362;--magic-color-2:#0d8a56}to{--magic-color-0:#0d8a56;--magic-color-1:#15a362;--magic-color-2:#2db87a}}.add-to-cart-button:focus,.add-to-cart-button:hover{animation:colorCycle 6s linear infinite;background:radial-gradient(circle at top left,var(--magic-color-2),var(--magic-color-1),var(--magic-color-0))}@media(prefers-reduced-motion:reduce){.add-to-cart-button:focus,.add-to-cart-button:hover{animation:none;background:inherit}}.sticky-cta-enter-active,.sticky-cta-leave-active{transition:transform .2s ease}.sticky-cta-enter-from,.sticky-cta-leave-to{transform:translateY(100%)}