.fb-box3d{--h: clamp(220px, 44vw, 320px);--w: calc(var(--h) * 59 / 90);--d: calc(var(--h) * 35 / 90);--rx: -12deg;--ry: -24deg;--tx: 0deg;--ty: 0deg;--tn: 0;position:relative;display:block;width:calc(var(--h) * .86);height:calc(var(--h) * 1.2);margin-inline:auto;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.fb-box3d--sm{--h: clamp(150px, 26vw, 200px)}.fb-box3d--md{--h: clamp(220px, 44vw, 320px)}.fb-box3d--lg{--h: clamp(270px, 64vw, 470px)}.fb-box3d--left{--ry: 24deg}.fb-box3d__stage{position:absolute;top:0;right:0;bottom:0;left:0;perspective:calc(var(--h) * 4.4);perspective-origin:50% 38%}.fb-box3d__tilt,.fb-box3d__float,.fb-box3d__box{position:absolute;left:50%;top:45%;width:var(--w);height:var(--h);margin-left:calc(var(--w) / -2);margin-top:calc(var(--h) / -2);transform-style:preserve-3d}.fb-box3d__float,.fb-box3d__box{left:0;top:0;margin:0}.fb-box3d__tilt{transform:rotateX(calc(var(--rx) + var(--tx))) rotateY(var(--ty))}.fb-box3d__box{transform:rotateY(var(--ry))}.fb-box3d__face{position:absolute;left:-.5px;top:-.5px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;outline:1px solid transparent;background:var(--face-bg, var(--c-navy, #16264a))}.fb-box3d__face img{position:absolute;left:-1.2%;top:-1.2%;width:102.4%;height:102.4%;max-width:none;object-fit:cover;pointer-events:none;-webkit-user-drag:none}.fb-box3d__face:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.fb-box3d__face--front,.fb-box3d__face--back{width:calc(var(--w) + 1px);height:calc(var(--h) + 1px)}.fb-box3d__face--front{--face-bg: #cfeaf7;transform:translateZ(calc(var(--d) / 2))}.fb-box3d__face--front:after{background:linear-gradient(115deg,#fff0 calc(28% + var(--tn) * 18%),#ffffff29 calc(40% + var(--tn) * 18%),#fff0 calc(54% + var(--tn) * 18%))}.fb-box3d__face--back{transform:rotateY(180deg) translateZ(calc(var(--d) / 2))}.fb-box3d__face--back:after{background:#0d18301f}.fb-box3d__face--right,.fb-box3d__face--left{width:calc(var(--d) + 1px);height:calc(var(--h) + 1px);left:calc((var(--w) - var(--d)) / 2 - .5px)}.fb-box3d__face--right{transform:rotateY(90deg) translateZ(calc(var(--w) / 2))}.fb-box3d__face--right:after{background:linear-gradient(90deg,#0d183033,#0d183052)}.fb-box3d__face--left{--face-bg: var(--c-red, #e8343f);transform:rotateY(-90deg) translateZ(calc(var(--w) / 2))}.fb-box3d__face--left:after{background:linear-gradient(270deg,#0d183024,#0d183042)}.fb-box3d__face--top,.fb-box3d__face--bottom{width:calc(var(--w) + 1px);height:calc(var(--d) + 1px);top:calc((var(--h) - var(--d)) / 2 - .5px)}.fb-box3d__face--top{transform:rotateX(90deg) translateZ(calc(var(--h) / 2))}.fb-box3d__face--top img{transform:rotate(180deg)}.fb-box3d__face--top:after{background:linear-gradient(180deg,#ffffff1a,#fff0)}.fb-box3d__face--bottom{--face-bg: var(--c-ice, #e8f6fb);transform:rotateX(-90deg) translateZ(calc(var(--h) / 2))}.fb-box3d__face--bottom:after{background:#0d18304d}.fb-box3d__shadow{position:absolute;left:50%;top:calc(45% + var(--h) * .5 + var(--h) * .01);width:calc(var(--h) * .92);height:calc(var(--h) * .13);margin-left:calc(var(--h) * -.46);margin-top:calc(var(--h) * -.065);border-radius:50%;background:radial-gradient(closest-side,#0d18306b,#0d183033 55%,#0d183000);opacity:var(--box-shadow-o, 1);pointer-events:none;transform-origin:50% 50%}.fb-box3d--no-shadow .fb-box3d__shadow{display:none}:is(.fb-tone--navy,.fb-tone--night,.fb-tone--burgundy,.fb-tone--burgundy-deep,.fb-tone--ink) .fb-box3d__shadow{background:radial-gradient(closest-side,#0000008c,#00000040 55%,#0000)}html[data-motion=full] .fb-box3d[data-spin=float] .fb-box3d__float{animation:fb-box3d-float 6.4s var(--ease-in-out, cubic-bezier(.77, 0, .175, 1)) infinite alternate}html[data-motion=full] .fb-box3d[data-spin=float] .fb-box3d__shadow{animation:fb-box3d-shadow 6.4s var(--ease-in-out, cubic-bezier(.77, 0, .175, 1)) infinite alternate}@keyframes fb-box3d-float{0%{transform:translateZ(0) rotateY(-5deg) rotate(-.6deg)}to{transform:translate3d(0,calc(var(--h) * -.045),0) rotateY(5deg) rotate(.6deg)}}@keyframes fb-box3d-shadow{0%{transform:scale(1);opacity:1}to{transform:scale(.86);opacity:.72}}html[data-motion=full] .fb-box3d[data-spin=turn] .fb-box3d__float{animation:fb-box3d-turn 16s linear infinite}@keyframes fb-box3d-turn{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}html[data-motion=full] .fb-box3d[data-spin=float].is-ready{cursor:grab;touch-action:pan-y}html[data-motion=full] .fb-box3d.is-dragging{cursor:grabbing}.fb-box3d.is-dragging .fb-box3d__float,.fb-box3d.is-dragging .fb-box3d__shadow{animation-play-state:paused}html[data-motion=soft] .fb-box3d__float,html[data-motion=none] .fb-box3d__float,html[data-motion=soft] .fb-box3d__shadow,html[data-motion=none] .fb-box3d__shadow{animation:none}html[data-motion=soft] .fb-box3d,html[data-motion=none] .fb-box3d{--tx: 0deg !important;--ty: 0deg !important}html.fb-js[data-motion=full] [data-fb-reveal] .fb-box3d__stage,html.fb-js[data-motion=full] .fb-box3d[data-fb-reveal] .fb-box3d__stage{opacity:0;transform:translate3d(0,24px,0) scale(.94);transition:opacity .7s var(--ease-out, cubic-bezier(.22, 1, .36, 1)),transform .9s var(--ease-spring, cubic-bezier(.34, 1.56, .64, 1));transition-delay:calc(var(--fb-delay, 0ms) + .12s)}html.fb-js[data-motion=full] .is-revealed .fb-box3d__stage,html.fb-js[data-motion=full] .fb-box3d.is-revealed .fb-box3d__stage{opacity:1;transform:none}@media(forced-colors:active){.fb-box3d__face:after,.fb-box3d__shadow{display:none}}@media print{.fb-box3d__float,.fb-box3d__shadow{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/frost-box-3d.css.map */