[data-media-deco=outlined]{border:1px solid rgba(var(--color-foreground),.12);box-shadow:none}[data-media-deco=framed]{border:8px solid color-mix(in srgb,rgb(var(--color-background)) 92%,rgb(var(--color-foreground)) 8%);border-bottom-width:22px;box-shadow:0 0 0 1px rgba(var(--color-foreground),.12),0 12px 28px #0000002e}[data-media-deco=lifted]{border:none;box-shadow:0 10px 24px #00000029,0 2px 8px #00000014}[data-media-deco=retro]{border:2px solid rgba(var(--ui-deco-accent),.85);border-right-width:7px;border-bottom-width:7px;box-shadow:none;overflow:hidden}[data-media-deco=tape]{position:relative;overflow:visible;border:1px solid rgba(var(--color-foreground),.08);box-shadow:0 10px 24px #00000024,0 2px 6px #00000014;isolation:isolate}[data-media-deco=tape]:before,[data-media-deco=tape]:after{content:"";position:absolute;width:42%;height:18px;background:linear-gradient(180deg,#ffffffb3,#ffffff59),color-mix(in srgb,rgb(var(--color-background)) 70%,white);border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-sm);box-shadow:0 2px 6px #00000029;opacity:.85;pointer-events:none;z-index:1}[data-media-deco=tape]:before{top:-8px;left:-6px;transform:rotate(-12deg)}[data-media-deco=tape]:after{bottom:-8px;right:-6px;transform:rotate(12deg)}[data-media-deco=film]{position:relative;border:1px solid rgba(var(--color-foreground),.25);box-shadow:0 12px 28px #0003}[data-media-deco=film]:before,[data-media-deco=film]:after{content:"";position:absolute;top:0;bottom:0;width:14px;background-color:rgba(var(--color-foreground),.9);background-image:radial-gradient(circle,rgba(var(--color-background),.9) 35%,transparent 38%);background-size:100% 18px;background-repeat:repeat-y;background-position:center 6px;pointer-events:none;z-index:1}[data-media-deco=film]:before{left:0}[data-media-deco=film]:after{right:0}[data-media-deco=custom]{border:var(--md-border, none);box-shadow:var(--md-shadow, none)}:root{--ui-deco-accent: var(--color-accent-1);--ui-preset-outlined-border-width: 3px;--ui-preset-outlined-border-style: solid;--ui-preset-outlined-border-color: rgba(var(--ui-deco-accent), .9);--ui-preset-outlined-shadow: 0 0 0 2px rgba(var(--color-background), .85), 8px 8px 0 rgba(var(--ui-deco-accent), .25), 0 16px 28px rgba(0, 0, 0, .12);--ui-preset-outlined-shadow-hover: 0 0 0 2px rgba(var(--color-background), .9), 10px 10px 0 rgba(var(--ui-deco-accent), .3), 0 18px 32px rgba(0, 0, 0, .14);--ui-preset-framed-border-width: 2px;--ui-preset-framed-border-style: solid;--ui-preset-framed-border-color: rgba(var(--color-foreground), .2);--ui-preset-framed-shadow: inset 0 0 0 3px rgba(var(--color-background), .9), 6px 6px 0 rgba(var(--color-foreground), .05), 0 12px 20px rgba(0, 0, 0, .08);--ui-preset-framed-shadow-hover: inset 0 0 0 3px rgba(var(--color-background), 1), 8px 8px 0 rgba(var(--color-foreground), .06), 0 14px 24px rgba(0, 0, 0, .1);--ui-preset-lifted-border-width: 1px;--ui-preset-lifted-border-style: solid;--ui-preset-lifted-border-color: rgba(var(--color-foreground), .08);--ui-preset-lifted-shadow: 0 0 0 1px rgba(var(--ui-deco-accent), .15), 0 20px 36px rgba(0, 0, 0, .14), 0 0 28px rgba(var(--ui-deco-accent), .25);--ui-preset-lifted-shadow-hover: 0 0 0 1px rgba(var(--ui-deco-accent), .2), 0 24px 40px rgba(0, 0, 0, .16), 0 0 32px rgba(var(--ui-deco-accent), .3);--ui-preset-retro-border-width: 2px;--ui-preset-retro-border-style: solid;--ui-preset-retro-border-color: rgba(var(--ui-deco-accent), .85);--ui-preset-retro-shadow: 8px 8px 0 rgba(var(--ui-deco-accent), .25), 0 12px 20px rgba(0, 0, 0, .12);--ui-preset-retro-shadow-hover: 10px 10px 0 rgba(var(--ui-deco-accent), .3), 0 14px 24px rgba(0, 0, 0, .16)}body[data-ui-deco-color=accent-2]{--ui-deco-accent: var(--color-accent-2)}body[data-ui-deco-color=foreground]{--ui-deco-accent: var(--color-foreground)}body[data-ui-deco~=surfaces]{--content-container-border: var(--ui-surface-border);--content-container-shadow: var(--ui-surface-shadow);--card-border: var(--ui-surface-border);--card-shadow: var(--ui-surface-shadow);--card-product-border: var(--ui-surface-border);--card-product-shadow: var(--ui-surface-shadow);--card-container-border: var(--ui-surface-border);--card-container-shadow: var(--ui-surface-shadow)}body[data-ui-deco~=surfaces] .minimal-slider__container{padding:2rem 12px;margin:-2rem -12px}body[data-ui-deco-buttons-nav=true]:not([data-ui-deco-buttons=none]) .minimal-slider__btn{box-shadow:var(--ui-button-shadow)}body[data-ui-deco-buttons-nav=true]:not([data-ui-deco-buttons=none]) .minimal-slider__btn:hover{box-shadow:var(--ui-button-shadow-hover)}body[data-ui-deco~=inputs][data-ui-deco-inputs=outlined]{--ui-input-border-width: var(--ui-preset-outlined-border-width);--ui-input-border-style: var(--ui-preset-outlined-border-style);--ui-input-border-color: var(--ui-preset-outlined-border-color);--ui-input-shadow: var(--ui-preset-outlined-shadow);--ui-input-shadow-focus: var(--ui-preset-outlined-shadow-hover);--ui-input-focus-outline: none}body[data-ui-deco~=inputs][data-ui-deco-inputs=framed]{--ui-input-border-width: var(--ui-preset-framed-border-width);--ui-input-border-style: var(--ui-preset-framed-border-style);--ui-input-border-color: var(--ui-preset-framed-border-color);--ui-input-shadow: var(--ui-preset-framed-shadow);--ui-input-shadow-focus: var(--ui-preset-framed-shadow-hover);--ui-input-focus-outline: none}body[data-ui-deco~=inputs][data-ui-deco-inputs=lifted]{--ui-input-border-width: var(--ui-preset-lifted-border-width);--ui-input-border-style: var(--ui-preset-lifted-border-style);--ui-input-border-color: var(--ui-preset-lifted-border-color);--ui-input-shadow: var(--ui-preset-lifted-shadow);--ui-input-shadow-focus: var(--ui-preset-lifted-shadow-hover);--ui-input-focus-outline: none}body[data-ui-deco~=inputs][data-ui-deco-inputs=retro]{--ui-input-border-width: var(--ui-preset-retro-border-width);--ui-input-border-style: var(--ui-preset-retro-border-style);--ui-input-border-color: var(--ui-preset-retro-border-color);--ui-input-shadow: var(--ui-preset-retro-shadow);--ui-input-shadow-focus: var(--ui-preset-retro-shadow-hover);--ui-input-focus-outline: none}body[data-ui-deco~=surfaces][data-ui-deco-surfaces=outlined]{--ui-surface-border: 1px solid rgba(var(--color-foreground), .12);--ui-surface-shadow: none;--ui-surface-shadow-hover: none}body[data-ui-deco~=surfaces][data-ui-deco-surfaces=shadow]{--ui-surface-border: none;--ui-surface-shadow: 0 2px 8px rgba(0, 0, 0, .06), 0 8px 24px rgba(0, 0, 0, .08);--ui-surface-shadow-hover: 0 4px 12px rgba(0, 0, 0, .08), 0 12px 32px rgba(0, 0, 0, .12)}body[data-ui-deco~=surfaces][data-ui-deco-surfaces=brick]{--ui-surface-border: 2px solid rgba(var(--ui-deco-accent), .85);--ui-surface-shadow: none;--ui-surface-shadow-hover: none}body[data-ui-deco-surfaces=brick] .card-product,body[data-ui-deco-surfaces=brick] .card--card,body[data-ui-deco-surfaces=brick] .collection-carousel__card{border-right-width:6px;border-bottom-width:6px;transition:border-width var(--duration-default) ease-out,transform var(--duration-default) ease-out}body[data-ui-deco-surfaces=brick] .card-product:hover,body[data-ui-deco-surfaces=brick] .card--card:hover,body[data-ui-deco-surfaces=brick] .collection-carousel__card:hover{border-right-width:3px;border-bottom-width:3px;transform:translate(3px,3px)}body[data-ui-deco-surfaces=brick] .card-product__media-wrapper{border-radius:max(0px,calc(var(--card-border-radius, 8px) - 2px)) max(0px,calc(var(--card-border-radius, 8px) - 6px)) 0 0}body[data-ui-deco~=surfaces][data-ui-deco-surfaces=soft]{--ui-surface-border: none;--ui-surface-shadow: none;--ui-surface-shadow-hover: none}body[data-ui-deco-surfaces=soft] .card-product,body[data-ui-deco-surfaces=soft] .card--card,body[data-ui-deco-surfaces=soft] .collection-carousel__card{background:rgb(var(--color-background-secondary))}body[data-ui-deco~=surfaces][data-ui-deco-surfaces=glass]{--ui-surface-border: 1px solid rgba(var(--color-foreground), .12);--ui-surface-shadow: 0 4px 24px rgba(0, 0, 0, .08), inset 0 1px 0 rgba(255, 255, 255, .25);--ui-surface-shadow-hover: 0 8px 32px rgba(0, 0, 0, .12), inset 0 1px 0 rgba(255, 255, 255, .35)}body[data-ui-deco-surfaces=glass] .card-product,body[data-ui-deco-surfaces=glass] .card--card,body[data-ui-deco-surfaces=glass] .collection-carousel__card{background:linear-gradient(135deg,rgba(var(--color-background),.5),rgba(var(--color-background),.35));-webkit-backdrop-filter:blur(20px) saturate(1.4);backdrop-filter:blur(20px) saturate(1.4)}body[data-ui-deco-buttons=classic]{--ui-button-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 8px 16px rgba(0, 0, 0, .12);--ui-button-shadow-hover: 0 2px 4px rgba(0, 0, 0, .14), 0 10px 20px rgba(0, 0, 0, .16)}body[data-ui-deco-buttons=gradient]{--ui-button-shadow: 0 6px 16px rgba(0, 0, 0, .18);--ui-button-shadow-hover: 0 10px 24px rgba(0, 0, 0, .22)}body[data-ui-deco-buttons=gradient] .button{--ui-button-bg-image: linear-gradient( 135deg, color-mix(in srgb, var(--button-bg) 88%, white), color-mix(in srgb, var(--button-bg) 70%, black) );--ui-button-bg-image-hover: linear-gradient( 135deg, color-mix(in srgb, var(--button-bg-hover) 90%, white), color-mix(in srgb, var(--button-bg-hover) 65%, black) )}body[data-ui-deco-buttons=brick]{--ui-button-shadow: 8px 8px 0 rgba(0, 0, 0, .15), 0 12px 20px rgba(0, 0, 0, .12);--ui-button-shadow-hover: 4px 4px 0 rgba(0, 0, 0, .1), 0 8px 16px rgba(0, 0, 0, .1)}body[data-ui-deco-buttons=brick] .button{border:2px solid var(--_brick-color);border-right-width:7px;border-bottom-width:7px;--ui-button-shadow: 8px 8px 0 var(--_brick-color), 0 12px 20px rgba(0, 0, 0, .12);--ui-button-shadow-hover: 4px 4px 0 var(--_brick-color), 0 8px 16px rgba(0, 0, 0, .1);transition:border-width var(--duration-default) ease-out,transform var(--duration-default) ease-out,box-shadow var(--duration-default) ease-out}body[data-ui-deco-buttons=brick] .button:hover:not(:disabled){border-right-width:4px;border-bottom-width:4px;transform:translate(3px,3px)}body[data-ui-deco-buttons=ghost]{--ui-button-shadow: 0 0 0 0 rgba(0, 0, 0, 0);--ui-button-shadow-hover: 0 0 0 0 rgba(0, 0, 0, 0)}body[data-ui-deco-buttons=ghost] .button{--ui-button-bg: transparent;--ui-button-bg-hover: color-mix(in srgb, var(--button-color) 12%, transparent);--ui-button-color: color-mix(in srgb, var(--button-color) 85%, transparent);--ui-button-color-hover: var(--button-color);--ui-button-border-width: max(var(--button-border-width, 0px), 1px);--ui-button-border-color: color-mix(in srgb, var(--button-color) 45%, transparent);--ui-button-bg-image: none;--ui-button-bg-image-hover: none}body[data-ui-deco-buttons=bubble]{--ui-button-shadow: 0 10px 24px rgba(0, 0, 0, .18), inset 0 1px 0 rgba(255, 255, 255, .4);--ui-button-shadow-hover: 0 12px 28px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255, 255, 255, .5)}body[data-ui-deco-buttons=bubble] .button{--ui-button-radius: 999px;--ui-button-bg-image: radial-gradient( 120% 120% at 30% 0%, rgba(255, 255, 255, .55), transparent 60% ), linear-gradient( 180deg, color-mix(in srgb, var(--button-bg) 92%, white), color-mix(in srgb, var(--button-bg) 78%, black) );--ui-button-bg-image-hover: radial-gradient( 120% 120% at 30% 0%, rgba(255, 255, 255, .65), transparent 60% ), linear-gradient( 180deg, color-mix(in srgb, var(--button-bg-hover) 94%, white), color-mix(in srgb, var(--button-bg-hover) 75%, black) )}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-media-decoration.css.map */