html.crm-lock{overflow:hidden}.crm__dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#000;color:#f4f1ec;overflow:hidden;overscroll-behavior:none}.crm__dialog::backdrop{background:#000}.crm__dialog[open]{display:block}.crm p{margin:0}.crm__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.crm__room{--bg1: #1a1a1a;--bg2: #050505;--light: 220 220 220;--accent: #bdbdbd;--chain: #c9d1da;--floor: .78;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;isolation:isolate;color:#f4f1ec}.crm__room[data-theme=stone]{--bg1: #4b3b2b;--bg2: #110c08;--light: 255 205 140;--accent: #d9b98a;--chain: #cdbfa8}.crm__room[data-theme=sky]{--bg1: #12244a;--bg2: #02040b;--light: 160 196 255;--accent: #c9b27a;--chain: #b8c6dc}.crm__room[data-theme=serpent]{--bg1: #12301f;--bg2: #020705;--light: 160 230 185;--accent: #79a487;--chain: #a9c4b2}.crm__room[data-theme=thorns]{--bg1: #3f0906;--bg2: #070101;--light: 255 110 80;--accent: #d2372a;--chain: #cfa9a2}.crm__room[data-theme=marble]{--bg1: #9a958c;--bg2: #26231f;--light: 255 252 245;--accent: #e9e3d6;--chain: #e4e0d8}.crm__room[data-theme=armory]{--bg1: #2a3a4d;--bg2: #04070b;--light: 205 225 255;--accent: #9aa4b0;--chain: #d6e2ef}.crm__room[data-theme=rose]{--bg1: #400916;--bg2: #090103;--light: 255 140 160;--accent: #c8243f;--chain: #d6aab3}.crm__room[data-theme=void]{--bg1: #161616;--bg2: #000000;--light: 230 90 75;--accent: #bdbdbd;--chain: #8d8d8d}.crm__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(60% 46% at 50% 30%,var(--bg1),transparent 78%),linear-gradient(180deg,color-mix(in srgb,var(--bg1) 40%,var(--bg2)) 0%,var(--bg2) 55%,color-mix(in srgb,var(--bg1) 22%,var(--bg2)) 100%)}.crm__photo,.crm__video{position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;z-index:0;width:calc(100% + 28px);height:calc(100% + 28px);object-fit:cover;transform:translate3d(var(--px, 0px),var(--py, 0px),0);transition:transform .6s cubic-bezier(.2,.8,.2,1)}.crm__photo,.crm__video{max-width:none;max-height:none}.crm__room.has-photo .crm__charm{height:min(30vh,300px)}.crm__room.has-photo .crm__hang{height:62%}.crm__video{opacity:0;transition:opacity .8s ease,transform .6s cubic-bezier(.2,.8,.2,1)}.crm__room.is-video .crm__video{opacity:1}.crm__video[hidden]{display:none}.crm__fx{transform:translate3d(calc(var(--px, 0px) * -.6),calc(var(--py, 0px) * -.6),0);transition:transform .6s cubic-bezier(.2,.8,.2,1)}.crm__photo[hidden],.crm__room.has-photo .crm__arch,.crm__room.has-photo .crm__motif,.crm__room.has-photo .crm__pool{display:none}.crm__room.has-photo .crm__beam{opacity:.45}.crm__room.is-grade-dark .crm__photo,.crm__room.is-grade-dark .crm__video{filter:grayscale(.94) sepia(.06) contrast(1.28) brightness(.46)}.crm__room.is-grade-dark .crm__bg{z-index:1;background:radial-gradient(42% 70% at var(--hang-x, 50%) 42%,transparent 0 35%,rgb(0 0 0 / .55) 75%,rgb(0 0 0 / .85) 100%),linear-gradient(180deg,rgb(0 0 0 / .55),transparent 22%,transparent 60%,rgb(0 0 0 / .75))}.crm__room.is-grade-dark .crm__beam{opacity:.55;background:radial-gradient(22% 70% at 50% 0%,rgb(240 234 222 / .32),rgb(240 234 222 / .06) 55%,transparent 78%)}.crm__room.is-grade-dark .crm__chain{width:9px;opacity:.7;filter:grayscale(1) brightness(.75) drop-shadow(0 0 2px rgb(240 234 222 / .35))}.crm__room.is-grade-dark .crm__charm{filter:drop-shadow(0 30px 40px rgb(0 0 0 / .9)) drop-shadow(0 0 22px rgb(240 234 222 / .22)) brightness(1.12) contrast(1.08)}.crm__room.is-grade-dark .crm__num{color:#cfc6b6}.crm__room.has-photo .crm__chain{width:11px;opacity:.88;filter:drop-shadow(0 0 3px rgb(200 220 255 / .55)) brightness(.92)}.crm__room.has-photo .crm__hang,.crm__room.has-photo .crm__beam{left:var(--hang-x, 50%)}.crm__room.has-photo .crm__bg{background:linear-gradient(180deg,rgb(0 0 0 / .15),transparent 30%,transparent 62%,rgb(0 0 0 / .55));z-index:1}.crm__arch{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.crm__ceiling{position:absolute;left:0;right:0;top:0;height:9%;background:linear-gradient(180deg,rgb(0 0 0 / .75),transparent)}.crm__ceiling:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgb(var(--light) / .18),transparent)}.crm__floor{position:absolute;left:0;right:0;top:calc(var(--floor) * 100%);bottom:0;background:linear-gradient(180deg,rgb(var(--light) / .07),#0000008c 60%);border-top:1px solid rgb(var(--light) / .12)}.crm__room[data-theme=marble] .crm__floor{background:linear-gradient(180deg,#ffffff1f,#00000073 70%)}.crm__motif{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;color:var(--accent);opacity:.16;pointer-events:none}.crm__motif .chm-motif{width:min(130vw,1100px);height:auto}.crm__chains{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.crm__strand{position:absolute;top:-2%;width:calc(10px * var(--s, 1));transform-origin:50% 0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='24' viewBox='0 0 10 24'%3E%3Cellipse cx='5' cy='6' rx='3.2' ry='5.2' fill='none' stroke='white' stroke-width='1.5'/%3E%3Crect x='4.1' y='12.6' width='1.8' height='10.8' rx='0.9' fill='white'/%3E%3C/svg%3E");background-size:100% auto;background-repeat:repeat-y;-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent);mask-image:linear-gradient(180deg,#000 70%,transparent);filter:drop-shadow(0 0 2px rgb(var(--light) / .35));animation:crm-sway var(--d, 9s) ease-in-out var(--delay, 0s) infinite alternate}.crm__strand:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgb(0 0 0 / .55),transparent 45%,rgb(0 0 0 / .5));mix-blend-mode:multiply}.crm__fx{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;width:100%;height:100%;pointer-events:none}.crm__beam{position:absolute;z-index:3;left:50%;top:0;width:min(70vw,760px);height:100%;transform:translate(-50%);pointer-events:none;background:radial-gradient(34% 62% at 50% 0%,rgb(var(--light) / .3),rgb(var(--light) / .08) 55%,transparent 78%);mix-blend-mode:screen}.crm__pool{position:absolute;z-index:3;left:50%;top:calc(var(--floor) * 100% - 4%);width:min(60vw,620px);height:14%;transform:translate(-50%);pointer-events:none;background:radial-gradient(50% 50% at 50% 50%,rgb(var(--light) / .24),transparent 70%)}.crm__hang{position:absolute;z-index:4;left:50%;top:0;height:66%;width:min(44vw,380px);transform:translate(-50%);transform-origin:50% 0;display:flex;flex-direction:column;align-items:center;animation:crm-swing 6.5s ease-in-out infinite}.crm__chain{flex:1 1 auto;width:18px;min-height:18%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='24' viewBox='0 0 10 24'%3E%3Cellipse cx='5' cy='6' rx='3.2' ry='5.2' fill='none' stroke='white' stroke-width='1.5'/%3E%3Crect x='4.1' y='12.6' width='1.8' height='10.8' rx='0.9' fill='white'/%3E%3C/svg%3E");background-size:100% auto;background-repeat:repeat-y;background-position:50% 100%;filter:drop-shadow(0 0 4px rgb(var(--light) / .55)) brightness(1.05)}.crm__charm{flex:none;display:block;width:auto;max-width:min(84vw,560px);height:min(42vh,440px);object-fit:contain;margin-top:-4px;transform:translate(calc((50 - var(--bx, 50)) * 1%),calc(var(--by, 0) * -1%));filter:drop-shadow(0 30px 40px rgb(0 0 0 / .8)) drop-shadow(0 0 28px rgb(var(--light) / .28)) brightness(1.08) contrast(1.05)}.crm__veil{flex:none;height:min(40vh,400px);width:auto;filter:drop-shadow(0 26px 30px rgb(0 0 0 / .85))}.crm__charm[hidden],.crm__veil[hidden]{display:none}.crm__charm{pointer-events:auto;cursor:grab;touch-action:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.crm__charm:active{cursor:grabbing}.crm__hang.is-physics,.crm__room.is-enter .crm__hang.is-physics{animation:none}.crm__hang{pointer-events:none}.crm__drag-hint{position:absolute;z-index:6;left:var(--hang-x, 50%);top:64%;transform:translate(-50%,8px);margin:0;padding:7px 12px;border:1px solid rgb(255 255 255 / .22);background:#00000073;color:#fff;font-family:var(--text-font-family);font-size:11px;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .5s ease,transform .5s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.crm__drag-hint.is-on{opacity:1;transform:translate(-50%)}.crm__beat{display:inline}.crm__room.is-enter .crm__beat{animation:crm-up .7s ease both;animation-delay:var(--d, 0s)}.crm__top{position:absolute;z-index:7;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:max(14px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) 14px max(16px,env(safe-area-inset-left,0px));pointer-events:none}.crm__top>*{pointer-events:auto}.crm__roomname{font-family:var(--text-font-family);font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:#fff;padding:8px 12px;background:#0006;border:1px solid rgb(255 255 255 / .14);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.crm .crm__close{flex:none;width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;padding:0;background:#00000073;color:#fff;border:1px solid rgb(255 255 255 / .22);text-align:center;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.crm__copy{position:absolute;z-index:6;left:0;right:0;bottom:0;display:grid;gap:10px;padding:64px max(16px,env(safe-area-inset-right,0px)) calc(18px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));background:linear-gradient(180deg,transparent,rgb(0 0 0 / .72) 34%,rgb(0 0 0 / .88))}.crm__num{font-family:var(--text-font-family);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}.crm__name{margin:0;color:#fff;font-size:clamp(38px,6vw,84px);font-weight:var(--heading-font-weight, 400);line-height:.92;letter-spacing:-.02em;text-transform:uppercase;text-wrap:balance}.crm__creed{font-family:var(--text-font-family);text-transform:uppercase;letter-spacing:.18em;font-weight:500;font-size:13px;color:var(--accent)}.crm__room[data-theme=marble] .crm__creed,.crm__room[data-theme=marble] .crm__num{color:#efe8d8}.crm__spec{font-family:var(--text-font-family);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#e8e2d6c7}.crm__creed[hidden],.crm__story[hidden],.crm__spec[hidden]{display:none}.crm__story{max-width:520px;font-size:15px;line-height:1.6;color:#ffffffd6}.crm__actions{display:flex;align-items:center;gap:10px;margin-top:6px}.crm .crm__cta{flex:1 1 auto;min-width:0;display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 18px;background:#fff;color:#0a0a0a;text-decoration:none;font-size:12px;font-weight:700;line-height:1.3;letter-spacing:.16em;text-transform:uppercase;text-align:center}.crm__nav{display:flex;gap:6px;flex:none}.crm .crm__step{width:54px;height:54px;display:inline-flex;align-items:center;justify-content:center;padding:0;background:#ffffff0f;color:#fff;border:1px solid rgb(255 255 255 / .22);font-size:18px;text-align:center;cursor:pointer}.crm .crm__close:focus-visible,.crm .crm__step:focus-visible,.crm .crm__cta:focus-visible{outline:2px solid #fff;outline-offset:3px}@media(hover:hover){.crm .crm__step:hover,.crm .crm__close:hover{background:#ffffff29}.crm .crm__cta:hover{background:#e8e8e8}}.crm__room.is-enter .crm__bg,.crm__room.is-enter .crm__photo{animation:crm-in 1.1s ease both}.crm__room.is-enter .crm__strand{animation:crm-drop 1.2s cubic-bezier(.2,.8,.2,1) both,crm-sway var(--d, 9s) ease-in-out 1.2s infinite alternate;animation-delay:var(--in, 0s),calc(var(--in, 0s) + 1.2s)}.crm__room.is-enter .crm__hang{animation:crm-hang-in 1.3s cubic-bezier(.2,.8,.2,1.05) both,crm-swing 6.5s ease-in-out 1.3s infinite}.crm__room.is-enter .crm__copy>*{animation:crm-up .8s ease both}.crm__room.is-enter .crm__copy>:nth-child(2){animation-delay:.08s}.crm__room.is-enter .crm__copy>:nth-child(3){animation-delay:.16s}.crm__room.is-enter .crm__copy>:nth-child(4){animation-delay:.24s}.crm__room.is-enter .crm__copy>:nth-child(5){animation-delay:.32s}.crm__room.is-enter .crm__copy>:nth-child(6){animation-delay:.4s}.crm__room.is-out{opacity:0;transition:opacity .22s ease}@media screen and (min-width:990px){.crm__drag-hint{left:var(--hang-x, 62%);top:78%}.crm__room.has-photo .crm__charm{height:min(48vh,480px)}.crm__room.has-photo .crm__hang{height:72%}.crm__top{padding:22px 28px}.crm__copy{left:0;right:auto;top:0;width:min(44vw,560px);align-content:end;padding:120px 48px 56px;background:linear-gradient(90deg,rgb(0 0 0 / .78),rgb(0 0 0 / .5) 65%,transparent)}.crm__hang{left:62%;height:72%}.crm__room.has-photo .crm__hang,.crm__room.has-photo .crm__beam{left:var(--hang-x, 62%)}.crm__beam,.crm__pool{left:62%}.crm__charm{height:min(48vh,480px)}.crm__story{font-size:17px}}@keyframes crm-sway{0%{transform:rotate(calc(var(--a, 1deg) * -1))}to{transform:rotate(var(--a, 1deg))}}@keyframes crm-swing{0%,to{transform:translate(-50%) rotate(-2.2deg)}50%{transform:translate(-50%) rotate(2.2deg)}}@keyframes crm-in{0%{opacity:0;transform:scale(1.08)}to{opacity:1;transform:none}}@keyframes crm-drop{0%{transform:translateY(-40%);opacity:0}to{transform:none;opacity:1}}@keyframes crm-hang-in{0%{transform:translate(-50%) translateY(-60%)}to{transform:translate(-50%) translateY(0)}}@keyframes crm-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.crm__strand,.crm__hang,.crm__room.is-enter .crm__strand,.crm__room.is-enter .crm__hang,.crm__room.is-enter .crm__copy>*,.crm__room.is-enter .crm__bg,.crm__room.is-enter .crm__photo,.crm__room.is-enter .crm__beat{animation:none}.crm__hang{transform:translate(-50%)}.crm__photo,.crm__video,.crm__fx{transform:none;transition:none}.crm__room.is-out,.crm__drag-hint{transition:none}}.crm__room.is-chain.has-photo .crm__chain,.crm__room.is-chain.is-grade-dark .crm__chain{width:8px;opacity:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='22' viewBox='0 0 10 22'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%23383634'/%3E%3Cstop offset='.35' stop-color='%23bdb8ae'/%3E%3Cstop offset='.55' stop-color='%23797570'/%3E%3Cstop offset='1' stop-color='%232a2826'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cellipse cx='5' cy='6' rx='3' ry='4.9' fill='none' stroke='url(%23a)' stroke-width='1.7'/%3E%3Crect x='4.05' y='11.6' width='1.9' height='9.6' rx='0.95' fill='url(%23a)'/%3E%3C/svg%3E");filter:drop-shadow(0 2px 2px rgb(0 0 0 / .7))}.crm__room.is-float .crm__chain{display:none}.crm__room.is-float .crm__hang,.crm__room.is-float.is-enter .crm__hang{animation:none;justify-content:center;height:64%}.crm__room.is-float .crm__charm{transform:none;animation:crm-levitate 7s ease-in-out infinite}.crm__room.is-float .crm__hang.is-physics .crm__charm{animation:none}.crm__room.is-float .crm__pool{display:block;top:66%;opacity:.8;animation:crm-pool 7s ease-in-out infinite}.crm__room.is-float.has-photo .crm__pool{display:block}@keyframes crm-levitate{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-14px) rotate(2deg)}}@keyframes crm-pool{0%,to{transform:translate(-50%) scale(1);opacity:.8}50%{transform:translate(-50%) scale(.86);opacity:.55}}@media screen and (min-width:990px){.crm__room.is-float .crm__hang,.crm__room.is-float.is-enter .crm__hang{height:74%}.crm__room.is-float .crm__pool{top:74%}}@media(prefers-reduced-motion:reduce){.crm__room.is-float .crm__charm,.crm__room.is-float .crm__pool{animation:none}}.crm__room.has-photo .crm__pool{left:var(--hang-x, 50%)}.crm__room.is-grade-dark .crm__pool{background:radial-gradient(50% 50% at 50% 50%,rgb(236 228 214 / .18),transparent 70%)}.crm__room.is-float .crm__drag-hint{top:54%}@media screen and (min-width:990px){.crm__room.is-float .crm__drag-hint{top:64%}}@media screen and (max-width:989px)and (max-height:740px)and (orientation:portrait){.crm__charm{height:min(31vh,300px)}.crm__room.has-photo .crm__charm{height:min(27vh,260px)}.crm__room.is-float .crm__hang,.crm__room.is-float.is-enter .crm__hang{height:54%}.crm__room.is-float .crm__pool{top:52%}.crm__room.is-float .crm__drag-hint{top:44%}.crm__copy{gap:8px;padding-top:48px}.crm__name{font-size:34px}.crm__story{font-size:14px;line-height:1.5}}@media screen and (max-width:989px)and (orientation:landscape)and (max-height:600px){.crm__copy{left:0;right:auto;top:0;width:min(58vw,500px);align-content:end;gap:6px;padding:64px 24px calc(12px + env(safe-area-inset-bottom,0px)) max(20px,env(safe-area-inset-left,0px));background:linear-gradient(90deg,rgb(0 0 0 / .82),rgb(0 0 0 / .55) 70%,transparent)}.crm__name{font-size:clamp(28px,9vh,40px)}.crm__story{font-size:13px;line-height:1.45}.crm__hang,.crm__beam,.crm__pool{left:74%}.crm__room.has-photo .crm__hang,.crm__room.has-photo .crm__beam,.crm__room.has-photo .crm__pool{left:var(--hang-x, 74%)}.crm__charm,.crm__room.has-photo .crm__charm{height:min(52vh,240px)}.crm__room.is-float .crm__hang,.crm__room.is-float.is-enter .crm__hang{height:80%}.crm__room.is-float .crm__pool{top:80%}.crm__drag-hint,.crm__room.is-float .crm__drag-hint{left:var(--hang-x, 74%);top:82%}}.crm__spin{pointer-events:none;cursor:default}.crm__spin[hidden]{display:none}.crm__spin-src{position:absolute;left:0;top:0;width:2px;height:2px;opacity:0;pointer-events:none}.crm__spin-src[hidden]{display:none}.crm__hang.is-spin .crm__charm:not(.crm__spin){display:none}.crm__room.has-spin .crm__drag-hint{display:none}.crm__3d{position:relative;width:auto;aspect-ratio:4 / 5;max-width:84vw}.crm__3d[hidden]{display:none}.crm__3d canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.crm__hang.is-3d .crm__charm:not(.crm__3d){display:none}
/*# sourceMappingURL=/cdn/shop/t/76/assets/charms-room.css.map */