.dd-sd{position:relative;display:grid;place-items:center;aspect-ratio:1;width:100%;overflow:hidden;container-type:inline-size;background:radial-gradient(58% 52% at 50% 56%,color-mix(in srgb,var(--ddsd-c) var(--sd-glow,30%),transparent),transparent 72%),linear-gradient(160deg,#17181f,#0c0c11)}.dd-sd__case{position:relative;width:56%;aspect-ratio:190/240;transform:rotate(-4deg);transition:transform .5s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 18px 22px rgba(0,0,0,.8)) drop-shadow(0 0 24px color-mix(in srgb,var(--ddsd-c) 42%,transparent))}.dd-sd:not(.dd-sd--hero):hover .dd-sd__case,product-card:hover .dd-sd__case,product-card:focus-within .dd-sd__case,.aw3-xp__card:hover .dd-sd__case,.aw3-xp__card:focus-within .dd-sd__case,[data-dd-sd-host]:hover .dd-sd__case,[data-dd-sd-host]:focus-within .dd-sd__case{transform:rotate(0) translateY(-4px)}.dd-sd__case>svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.dd-sd__case>.dd-sd__gloss{z-index:3}.dd-sd__label,.dd-sd__case>canvas{clip-path:polygon(0 0,88.5% 0,100% 10.7%,100% 100%,0 100%)}.dd-sd__label{position:absolute;left:10.53%;top:16.67%;width:78.95%;height:62.5%;max-width:none;object-fit:contain;margin:0;z-index:1}.dd-sd__cap{font-family:var(--heading-font-family,inherit);font-size:9px;font-weight:600;letter-spacing:.14em;fill:#c9ccd8}.dd-sd__cap--sm{font-size:7.5px;letter-spacing:.1em}.dd-sd__cap--xs{font-size:6.5px;letter-spacing:.06em}.dd-sd__ext{fill:var(--ddsd-c)}.dd-sd__brand{position:absolute;top:7%;left:0;right:0;text-align:center;font-size:11px;line-height:1.3;font-weight:600;letter-spacing:.36em;text-transform:uppercase;color:#e9eaf0bf}@container (max-width:200px){.dd-sd__brand{display:none}}.dd-sd--hero{background:none;overflow:visible}.dd-sd--hero .dd-sd__case{width:78%;transform:none;transition:none}@media(prefers-reduced-motion:reduce){.dd-sd__case{transition:none}}.dd-sd--render .dd-sd__case{width:100%;aspect-ratio:1;transform:none;filter:drop-shadow(0 22px 26px rgba(0,0,0,.55))}.dd-sd__label.dd-sd__render{left:0;top:0;width:100%;height:100%;clip-path:none;object-fit:contain}.dd-sd--render .dd-sd__case>canvas,.dd-sd--render .dd-sd__sheen{clip-path:none;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.dd-sd--render .dd-sd__case>canvas{-webkit-mask-image:var(--sd-mask);mask-image:var(--sd-mask)}@media(hover:hover){.dd-sd--render .dd-sd__sheen{-webkit-mask-image:var(--sd-mask);mask-image:var(--sd-mask)}}@media(hover:none){.dd-sd--render:not(.dd-sd--hero):hover .dd-sd__sheen,product-card:hover .dd-sd--render .dd-sd__sheen,product-card:focus-within .dd-sd--render .dd-sd__sheen,[data-dd-sd-host]:hover .dd-sd--render .dd-sd__sheen,[data-dd-sd-host]:focus-within .dd-sd--render .dd-sd__sheen,.aw3-xp__card:hover .dd-sd--render .dd-sd__sheen,.aw3-xp__card:focus-within .dd-sd--render .dd-sd__sheen,.dd-sd--hero.dd-sd--render:hover .dd-sd__sheen{-webkit-mask-image:var(--sd-mask);mask-image:var(--sd-mask)}}@media(hover:none)and (prefers-reduced-motion:no-preference){.dd-sd--render .dd-sd__sheen{transition:background-position .95s cubic-bezier(.3,.7,.2,1)}.dd-sd--render:not(.dd-sd--hero):hover .dd-sd__sheen,product-card:hover .dd-sd--render .dd-sd__sheen,product-card:focus-within .dd-sd--render .dd-sd__sheen,[data-dd-sd-host]:hover .dd-sd--render .dd-sd__sheen,[data-dd-sd-host]:focus-within .dd-sd--render .dd-sd__sheen,.aw3-xp__card:hover .dd-sd--render .dd-sd__sheen,.aw3-xp__card:focus-within .dd-sd--render .dd-sd__sheen,.dd-sd--hero.dd-sd--render:hover .dd-sd__sheen{transition:background-position .95s cubic-bezier(.3,.7,.2,1),opacity .35s ease}}.dd-sd--hero.dd-sd--render .dd-sd__case{width:132%;max-width:none;transform:none;margin:-17.16% -16%;justify-self:start;align-self:start}.dd-sd--render:not(.dd-sd--hero):hover .dd-sd__case,product-card:hover .dd-sd--render .dd-sd__case,product-card:focus-within .dd-sd--render .dd-sd__case,[data-dd-sd-host]:hover .dd-sd--render .dd-sd__case,[data-dd-sd-host]:focus-within .dd-sd--render .dd-sd__case,.aw3-xp__card:hover .dd-sd--render .dd-sd__case,.aw3-xp__card:focus-within .dd-sd--render .dd-sd__case{transform:translateY(-6px) scale(1.025)}.dd-sd--render:not(.dd-sd--hero):hover,product-card:hover .dd-sd--render,product-card:focus-within .dd-sd--render,[data-dd-sd-host]:hover .dd-sd--render,[data-dd-sd-host]:focus-within .dd-sd--render,.aw3-xp__card:hover .dd-sd--render,.aw3-xp__card:focus-within .dd-sd--render{--sd-glow:46%}.dd-sd__sheen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.08) 44%,rgba(255,255,255,.42) 50%,rgba(255,255,255,.08) 56%,transparent 62%) no-repeat;background-size:260% 100%;background-position:130% 0;mix-blend-mode:screen;opacity:0;transition:background-position .95s cubic-bezier(.3,.7,.2,1),opacity .35s ease}.dd-sd--render:not(.dd-sd--hero):hover .dd-sd__sheen,product-card:hover .dd-sd--render .dd-sd__sheen,product-card:focus-within .dd-sd--render .dd-sd__sheen,[data-dd-sd-host]:hover .dd-sd--render .dd-sd__sheen,[data-dd-sd-host]:focus-within .dd-sd--render .dd-sd__sheen,.aw3-xp__card:hover .dd-sd--render .dd-sd__sheen,.aw3-xp__card:focus-within .dd-sd--render .dd-sd__sheen,.dd-sd--hero.dd-sd--render:hover .dd-sd__sheen{background-position:-30% 0;opacity:1}@media(prefers-reduced-motion:reduce){.dd-sd__sheen{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/228/assets/dd-sd-card.css.map */
