body[data-ui-deco-color=accent-1]{--deco-color: var(--color-accent-1)}body[data-ui-deco-color=accent-2]{--deco-color: var(--color-accent-2)}body[data-ui-deco-color=foreground]{--deco-color: var(--color-foreground)}:root{--deco-inset-highlight: inset 0 1px 0 rgba(255, 255, 255, .15);--deco-inset-highlight-hover: inset 0 1px 0 rgba(255, 255, 255, .2)}body[data-ui-deco-buttons=gradient] :is(.btn--primary,.btn--secondary,.btn--tertiary){background-image:linear-gradient(180deg,#ffffff1f,#00000014)}body[data-ui-deco-buttons=gradient] :is(.btn--primary,.btn--secondary,.btn--tertiary):hover{background-image:linear-gradient(180deg,#ffffff2e,#0000000d)}body[data-ui-deco-buttons=brick] :is(.btn--primary,.btn--secondary,.btn--tertiary){border-block-end:3px solid color-mix(in srgb,rgb(var(--deco-color)) 80%,black);box-shadow:0 2px color-mix(in srgb,rgb(var(--deco-color)) 60%,black)}body[data-ui-deco-buttons=brick] .btn:hover{transform:translateY(1px);box-shadow:0 1px color-mix(in srgb,rgb(var(--deco-color)) 60%,black)}body[data-ui-deco-buttons=brick] .btn:active{transform:translateY(3px);box-shadow:none;border-block-end-width:0}body[data-ui-deco-buttons=ghost] .btn--primary{background-color:transparent;color:var(--button-primary-bg);border:2px solid var(--button-primary-bg)}body[data-ui-deco-buttons=ghost] .btn--primary:hover{background-color:var(--button-primary-bg);color:var(--button-primary-color)}body[data-ui-deco-buttons=ghost] .btn--secondary{background-color:transparent;color:var(--button-secondary-bg);border:2px solid var(--button-secondary-bg)}body[data-ui-deco-buttons=ghost] .btn--secondary:hover{background-color:var(--button-secondary-bg);color:var(--button-secondary-color)}body[data-ui-deco-buttons=ghost] .btn--tertiary{background-color:transparent;color:var(--button-tertiary-bg);border:2px solid var(--button-tertiary-bg)}body[data-ui-deco-buttons=ghost] .btn--tertiary:hover{background-color:var(--button-tertiary-bg);color:var(--button-tertiary-color)}body[data-ui-deco-buttons=bubble] :is(.btn--primary,.btn--secondary,.btn--tertiary){box-shadow:0 2px 8px rgba(var(--color-shadow),.1),var(--deco-inset-highlight);border:none}body[data-ui-deco-buttons=bubble] :is(.btn--primary,.btn--secondary,.btn--tertiary):hover{box-shadow:0 4px 16px rgba(var(--color-shadow),.15),var(--deco-inset-highlight-hover)}body[data-ui-deco-buttons=brick][data-ui-deco-buttons-nav] :is(.block-slider__arrow,.product-media-gallery__arrow){border-block-end:3px solid color-mix(in srgb,rgb(var(--deco-color)) 80%,black);box-shadow:0 2px color-mix(in srgb,rgb(var(--deco-color)) 60%,black)}body[data-ui-deco-buttons=bubble][data-ui-deco-buttons-nav] :is(.block-slider__arrow,.product-media-gallery__arrow){box-shadow:0 2px 8px rgba(var(--color-shadow),.1),var(--deco-inset-highlight)}body[data-buttons-hover=lighter] :is(.btn--primary,.btn--secondary,.btn--tertiary):hover{filter:brightness(1.15)}body[data-buttons-hover=fill-slide] :is(.btn--primary,.btn--secondary,.btn--tertiary):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(var(--color-foreground),.12);transform:scaleX(0);transform-origin:inline-start;transition:transform var(--duration-normal) var(--ease-out);z-index:0}body[data-buttons-hover=fill-slide] .btn:hover:before{transform:scaleX(1)}body[data-buttons-hover=fill-slide] .btn__label,body[data-buttons-hover=fill-slide] .btn .icon{position:relative;z-index:1}body[data-buttons-hover=scale] .btn:hover{transform:scale(1.04) translateY(var(--buttons-hover-translate))}body[data-buttons-hover=paint] :is(.btn--primary,.btn--secondary,.btn--tertiary):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(var(--color-foreground),.1);clip-path:polygon(0 100%,0 100%,0 100%,0 100%);transition:clip-path var(--duration-normal) var(--ease-out);z-index:0}body[data-buttons-hover=paint] .btn:hover:before{clip-path:polygon(-5% -5%,105% -5%,105% 105%,-5% 105%)}body[data-buttons-hover=paint] .btn__label,body[data-buttons-hover=paint] .btn .icon{position:relative;z-index:1}body[data-buttons-hover=magnetic] .btn{transform:translate(var(--mx, 0),var(--my, 0))}body[data-ui-deco-inputs=outlined] :is(.field__input,textarea,select){background-color:transparent;border:1px solid rgba(var(--color-border),.6)}body[data-ui-deco-inputs=framed] :is(.field__input,textarea,select){background-color:rgba(var(--color-foreground),.02);border:2px solid rgba(var(--color-border),.4)}body[data-ui-deco-inputs=lifted] :is(.field__input,textarea,select){background-color:rgb(var(--color-background));border:1px solid rgba(var(--color-border),.15);box-shadow:0 2px 8px rgba(var(--color-shadow),.08)}body[data-ui-deco-inputs=retro] :is(.field__input,textarea,select){background-color:rgb(var(--color-background));border:2px solid rgb(var(--color-foreground));box-shadow:3px 3px rgb(var(--deco-color))}body[data-ui-deco-inputs=retro] :is(.field__input,textarea,select):focus-visible{box-shadow:2px 2px rgb(var(--deco-color));transform:translate(1px,1px)}body[data-ui-deco-surfaces=outlined] .surface{border:1px solid rgba(var(--color-border),.3);box-shadow:none}body[data-ui-deco-surfaces=shadow] .surface{border:none;box-shadow:var(--shadow-card)}body[data-ui-deco-surfaces=brick] .surface{border:2px solid rgba(var(--color-foreground),.1);box-shadow:4px 4px rgb(var(--deco-color))}body[data-ui-deco-surfaces=soft] .surface{border:1px solid rgba(var(--color-border),.12);box-shadow:0 1px 4px rgba(var(--color-shadow),.06)}body[data-ui-deco-surfaces=glass] .surface{background:rgba(var(--color-background),.7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(var(--color-foreground),.08);box-shadow:0 4px 20px rgba(var(--color-shadow),.06)}body[data-media-deco=outlined] :is(.image-wrapper,.product-media),[data-section-media-deco=outlined] :is(.image-wrapper,.product-media){border:1px solid rgba(var(--color-border),.3);border-radius:var(--radius-card)}body[data-media-deco=framed] :is(.image-wrapper,.product-media),[data-section-media-deco=framed] :is(.image-wrapper,.product-media){border:3px solid rgba(var(--color-foreground),.15);border-radius:var(--radius-card);padding:4px;background:rgb(var(--color-background))}body[data-media-deco=lifted] :is(.image-wrapper,.product-media),[data-section-media-deco=lifted] :is(.image-wrapper,.product-media){border-radius:var(--radius-card);box-shadow:0 6px 20px rgba(var(--color-shadow),.12)}body[data-media-deco=retro] :is(.image-wrapper,.product-media),[data-section-media-deco=retro] :is(.image-wrapper,.product-media){border:2px solid rgb(var(--color-foreground));border-radius:var(--radius-card);box-shadow:5px 5px rgb(var(--deco-color))}[data-section-media-deco=none] :is(.image-wrapper,.product-media){border:initial;box-shadow:none;padding:0;background:none}@media(prefers-reduced-motion:reduce){body[data-buttons-hover] .btn:before{transition:none;animation:none}body[data-buttons-hover=scale] .btn:hover,body[data-buttons-hover=magnetic] .btn{transform:none}}@media(forced-colors:active){body[data-ui-deco-buttons] .btn,body[data-ui-deco-inputs] :is(.field__input,textarea,select){border:1px solid transparent}body[data-ui-deco-surfaces] .surface{border:1px solid transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/decorations.css.map */