.rd-bundle{--box-track: 170svh;--rd-box-accent: var(--rd-ralph-blue, #46499f);--rd-box-header: var(--header-height, 80px);position:relative;height:calc(100svh + var(--box-track));background:#fff;color:var(--rd-box-accent)}.rd-bundle__stage{position:sticky;top:0;height:100svh;display:grid;align-content:center;justify-items:center;gap:clamp(20px,3vh,36px);padding:calc(var(--rd-box-header) + 20px) 16px 20px;overflow:hidden}.rd-bundle__head{text-align:center}.rd-bundle__head .zh-plp__eyebrow{display:block;margin-bottom:12px}.rd-bundle__head .zh-plp__h2{margin:0}.rd-box{--bw: min(50vw, (100svh - var(--rd-box-header) - 300px) / 1.1);position:relative;width:var(--bw);height:calc(var(--bw) * .695);margin-bottom:calc(var(--bw) * .401);transform:translateY(calc(var(--bw) * .2005 * (1 - var(--drawer, 0)))) scale(var(--box-scale, .94))}.rd-drawer{position:absolute;z-index:1;top:100%;left:2.7%;width:94.4%;transform:translateY(calc((1 - var(--drawer, 0)) * -100%));will-change:transform}.rd-drawer img{display:block;width:100%;height:auto;filter:drop-shadow(0 10px 14px rgb(31 26 61 / .22))}.rd-box__floor{position:absolute;left:-38%;right:-38%;bottom:calc(-9% - var(--drawer, 0) * 58%);height:16%;background:radial-gradient(50% 50% at 50% 50%,rgb(31 26 61 / .24),transparent 70%);transform:scaleX(var(--box-floor, .62));pointer-events:none}.rd-box__body{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;perspective:calc(var(--bw) * 3.1);perspective-origin:50% 50%}.rd-box__interior{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--rd-cozy-blue, #d9d9ee)}.rd-box__interior img,.rd-door__face img,.rd-sleeve img{display:block;width:100%;height:100%;object-fit:cover}.rd-box__dark{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 80% at 50% 50%,#14102d8c,#14102dcc);opacity:var(--box-dark, 1)}.rd-door{position:absolute;top:0;width:50%;height:100%;transform-style:preserve-3d;will-change:transform}.rd-door--left{left:0;transform-origin:0 50%;transform:rotateY(calc(var(--dl, 0) * -1deg))}.rd-door--right{left:50%;transform-origin:100% 50%;transform:rotateY(calc(var(--dr, 0) * 1deg))}.rd-door__face{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--rd-cozy-blue, #d9d9ee)}.rd-door__back{transform:rotateY(180deg)}.rd-door__shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.rd-door--left .rd-door__front .rd-door__shade{background:linear-gradient(to left,#0006,#0000001a);opacity:var(--dlf, 0)}.rd-door--right .rd-door__front .rd-door__shade{background:linear-gradient(to right,#0006,#0000001a);opacity:var(--drf, 0)}.rd-door--left .rd-door__back .rd-door__shade{background:linear-gradient(to left,rgb(0 0 0 / .35),transparent);opacity:var(--dlb, 0)}.rd-door--right .rd-door__back .rd-door__shade{background:linear-gradient(to right,rgb(0 0 0 / .35),transparent);opacity:var(--drb, 0)}.rd-door--left .rd-door__front{box-shadow:inset 3px 0 #ffffff1f,inset -1px 0 #14102d73}.rd-door--right .rd-door__front{box-shadow:inset -3px 0 #ffffff1f,inset 1px 0 #14102d73}.rd-box__seam{position:absolute;top:0;bottom:0;left:50%;width:3px;margin-left:-1.5px;background:#14102db3;opacity:var(--box-seam, 1);pointer-events:none;z-index:5}.rd-sleeve{position:absolute;z-index:4;top:-.6%;right:-.6%;bottom:-.6%;left:-.6%;transform:translate(calc(var(--sleeve, 0) * -118%));opacity:var(--sleeve-o, 1);will-change:transform}.rd-sleeve img{box-shadow:10px 0 18px -8px #14102d73}.rd-box__callouts{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:none;pointer-events:none}.rd-box__callouts svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.rd-callout path{fill:none;stroke:var(--rd-box-accent);stroke-width:1.25;vector-effect:non-scaling-stroke;stroke-dasharray:1 1;stroke-dashoffset:calc(1 - var(--c, 0))}.rd-callout circle{fill:var(--rd-box-accent);stroke:#fff;stroke-width:2;vector-effect:non-scaling-stroke;opacity:min(1,calc(var(--c, 0) * 4))}.rd-callout__label{position:absolute;display:grid;gap:2px;white-space:nowrap;transform:translateY(-50%);opacity:clamp(0,calc((var(--c, 0) - .55) * 2.2),1)}.rd-callout__label--left{left:-53%;text-align:right;transform:translate(-100%,-50%)}.rd-callout__label--right{left:153%}.rd-callout__label b{font:600 12px / 1.2 var(--font-body-family, "Inter", system-ui, sans-serif);letter-spacing:1.2px;text-transform:uppercase}.rd-callout__label small{font:400 13px / 1.3 var(--rd-font-text, system-ui, sans-serif)}.rd-box__pins{position:absolute;top:0;right:0;bottom:0;left:0;z-index:11;pointer-events:none}.rd-pin{position:absolute;width:20px;height:20px;padding:0;border:0;display:grid;place-items:center;font:700 11px / 1 var(--font-body-family, "Inter", system-ui, sans-serif);color:#fff;background:var(--rd-box-accent);cursor:pointer;pointer-events:auto;translate:-50% -50%;opacity:clamp(0,calc(var(--c, 0) * 3),1);transform:scale(calc(.4 + .6*clamp(0,calc(var(--c, 0) * 3),1)))}.rd-pin:after{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px}.rd-pin.is-active{background:#fff;color:var(--rd-box-accent);box-shadow:0 0 0 2px var(--rd-box-accent)}.rd-pin:focus-visible{outline:2px solid var(--rd-box-accent);outline-offset:3px}.rd-bundle:not(.is-open) .rd-pin{pointer-events:none}.rd-bundle__legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 16px;margin:0;padding:0;list-style:none;text-align:left;width:min(100%,420px)}.rd-bundle__legend button{display:flex;align-items:center;gap:8px;width:100%;min-height:32px;padding:2px 0;border:0;background:none;font:400 14px / 1.25 var(--rd-font-text, system-ui, sans-serif);color:var(--rd-box-accent);text-align:left;cursor:pointer}.rd-pin-no{flex:none;width:20px;height:20px;display:grid;place-items:center;font:700 11px / 1 var(--font-body-family, "Inter", system-ui, sans-serif);color:#fff;background:var(--rd-box-accent)}.rd-bundle__legend button.is-active{font-weight:700}.rd-bundle__legend button.is-active .rd-pin-no{background:#fff;color:var(--rd-box-accent);box-shadow:inset 0 0 0 1.5px var(--rd-box-accent)}.rd-bundle__legend button:focus-visible{outline:2px solid var(--rd-box-accent);outline-offset:2px}.rd-bundle__info{display:grid;justify-items:center;gap:14px;text-align:center;opacity:var(--box-info, 0);transform:translateY(calc((1 - var(--box-info, 0)) * 14px))}.rd-bundle:not(.is-open) .rd-bundle__info{pointer-events:none}.rd-bundle__legend-label{margin:0}.rd-bundle__text{margin:0;max-width:46ch;font-family:var(--rd-font-text, system-ui, sans-serif);font-size:15px;line-height:1.4}.rd-bundle__text>p{margin:0}.rd-bundle__buy{display:flex;align-items:center;gap:20px}.rd-bundle__price{font:700 22px / 1 var(--heading-font-family, "Archivo", system-ui, sans-serif);font-variant-numeric:tabular-nums}@media(min-width:750px){.rd-bundle{--box-track: 380svh}.rd-box{--bw: min(620px, 52vw, (100svh - var(--rd-box-header) - 300px) / 1.1)}.rd-bundle__text{font-size:16px}}@media(min-width:1320px){.rd-box__callouts{display:block}.rd-box__pins,.rd-bundle__legend{display:none}}@supports (container-type: size){.rd-bundle__stage{display:flex;flex-direction:column;justify-content:center;align-items:center}.rd-bundle__head,.rd-bundle__info{flex:none}.rd-box-area{flex:0 1 calc(50vw * 1.16);min-height:0;width:100%;container-type:size;display:grid;place-items:center}.rd-box{--bw: min(50vw, 100cqh / 1.16)}@media(min-width:750px){.rd-box-area{flex-basis:calc(min(620px,52vw)*1.16)}.rd-box{--bw: min(620px, 52vw, 100cqh / 1.16)}}}@media(min-width:750px)and (max-height:760px){.rd-bundle__stage{gap:12px}.rd-bundle__legend{grid-template-columns:repeat(3,auto);width:auto;column-gap:24px}}@media(max-width:999px){.rd-bundle--compact{height:auto;padding-block:44px}.rd-bundle--compact .rd-bundle__stage{position:relative;height:auto;gap:28px;padding:20px 16px}.rd-bundle.rd-bundle--compact .rd-bundle__info{opacity:1;transform:none;pointer-events:auto}.rd-bundle--compact .rd-bundle__buy{opacity:var(--box-info, 0);transform:translateY(calc((1 - var(--box-info, 0)) * 14px))}.rd-bundle--compact:not(.is-open) .rd-bundle__buy{pointer-events:none}}@media(prefers-reduced-motion:reduce){.rd-bundle{height:auto}.rd-bundle__stage{position:static;height:auto;padding-block:96px}.rd-door,.rd-drawer,.rd-sleeve{will-change:auto}}
/*# sourceMappingURL=/cdn/shop/t/802/assets/rd-bundle-box.css.map */