.jd-room{--light:#218ce6;--surface:#edf7ff;--ink:#15394e;--width:min(380px,64%);--gap:clamp(14px,3vw,36px);display:block;position:relative;isolation:isolate;overflow:hidden;margin:30px auto 50px;padding:clamp(20px,4vw,46px) 0 18px;color:var(--ink);background:radial-gradient(ellipse at 50% 100%,color-mix(in srgb,var(--light) 28%,transparent),transparent 65%),linear-gradient(140deg,#fff,var(--surface));border:1px solid #cbdde8;border-radius:24px;font:16px/1.45 system-ui,sans-serif}.jd-room--bf{--surface:#252b34;--ink:#fff;--light:#e2b675;background:radial-gradient(ellipse at 80% 100%,#63373a,transparent 50%),linear-gradient(145deg,#393d43,#15191e)}.jd-room--sint{--light:#c59035;--surface:#fff0d4}.jd-room--kerst{--light:#65ade4;--surface:#dbedff}.jd-room--kerst:before,.jd-room--sint:before{content:"";position:absolute;inset:0 0 auto;height:12px;background:radial-gradient(ellipse at center,#fff,var(--light) 8%,transparent 29%) 0 0/34px 11px;pointer-events:none}.jd-room header{padding:0 clamp(20px,5vw,60px);color:var(--ink)}.jd-room header small{letter-spacing:.17em;font-size:11px;font-weight:750}.jd-room header h2{color:inherit;font:750 clamp(26px,4vw,50px)/1.05 system-ui;margin:8px 0}.jd-room header p{margin:6px 0}.jd-room .jd-room-track{box-sizing:border-box;display:flex;align-items:stretch;gap:var(--gap);padding:22px 0 36px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;position:relative}.jd-room-track:before,.jd-room-track:after{content:"";flex:0 0 max(0px,calc((100% - var(--width))/2 - var(--gap)))}.jd-room .jd-room-slide{flex:0 0 var(--width);scroll-snap-align:center;min-width:0;position:relative;display:flex;align-items:stretch;transform:perspective(1100px) rotateY(calc(var(--side,0)*var(--depth)*3deg)) scale(.96);transition:transform .28s}.jd-room-slide:after{content:"";position:absolute;z-index:-1;bottom:-15px;left:-2%;width:104%;height:24px;border-radius:50%;background:linear-gradient(#fefefe 12%,#9cb8ce 32%,#eef8ff 44%,#778e9c 63%,#cedee8 84%);box-shadow:0 7px 12px #1c3c5037,inset 0 2px 1px #fff}.jd-room[data-podium=glass] .jd-room-slide:after{background:linear-gradient(#ffffffcb,#bedbf1ad,#edfaff);border-bottom:2px solid #a8c4d8}.jd-room .jd-room-slide[aria-current=true]{z-index:1;transform:translateY(-4px)}.jd-room-slide[aria-current=true]:after{box-shadow:0 8px 16px #1c3c5040,0 -2px 8px var(--light)}.jd-room-slide article{box-sizing:border-box;width:100%;display:flex;flex-direction:column;overflow:hidden;border-radius:17px;background:#fff;color:#173952;box-shadow:0 9px 16px #183b532b;border:1px solid #a6cde4}.jd-room-media,.jd-room-slide .jd-curated-image{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:#ecf6fc}.jd-room-media img,.jd-room-media video,.jd-room-media iframe,.jd-room-slide .jd-curated-image img{display:block;width:100%;height:100%;object-fit:contain}.jd-room-media iframe,.jd-room-media video{position:absolute;top:0;right:0;bottom:0;left:0;border:0}.jd-room-play{position:absolute;inset:auto 10px 10px auto;border:0;border-radius:50%;width:44px;height:44px;background:#075ba5;color:#fff;cursor:pointer}.jd-room [hidden]{display:none!important}.jd-room-copy,.jd-room-slide .jd-curated-copy{padding:16px;display:flex;flex-direction:column;gap:8px;flex:1}.jd-room-slide h3{font-size:20px;margin:0}.jd-room-copy details,.jd-room-copy p{margin:0}.jd-room-copy summary{cursor:pointer}.jd-room-copy b{float:right}.jd-room-copy .jd-room-price{margin-top:auto;font-weight:700}.jd-room-copy .jd-blue,.jd-room-slide .jd-curated-copy>.jd-blue{display:block;text-align:center;border-radius:10px;padding:11px;background:linear-gradient(#238ef6,#0868c0);color:#fff;text-decoration:none;font-weight:700}.jd-room nav{display:flex;justify-content:center;align-items:center;gap:14px}.jd-room nav button{display:grid;place-items:center;height:44px;width:44px;border:1px solid #adbdce;border-radius:50%;background:linear-gradient(#fff,#d2e1ea);color:#194b72;cursor:pointer}.jd-room nav button:disabled{opacity:.42}.jd-room nav svg{width:21px;fill:none;stroke:currentColor;stroke-width:2}.jd-room output{font-variant-numeric:tabular-nums}@media(max-width:650px){.jd-room{--width:var(--mobile,80%);--gap:10px;border-radius:16px}.jd-room .jd-room-track{padding-top:16px}.jd-room-copy,.jd-room-slide .jd-curated-copy{padding:12px}}@media(prefers-reduced-motion:reduce){.jd-room .jd-room-slide{transition:none;transform:none}}.jd-room-slide .jd-room-media{flex:none;position:relative;width:100%;max-width:100%;height:auto;min-height:0;aspect-ratio:4/3}.jd-room-slide .jd-room-media>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.jd-room-slide .jd-room-media>.jd-room-play{position:absolute!important;top:auto!important;left:auto!important;right:12px!important;bottom:12px!important;z-index:2;width:44px!important;height:44px!important;transform:none!important;padding:0!important}.jd-room{container-type:inline-size}@container (max-width:650px){.jd-room .jd-room-track{--width:var(--mobile,80%);--gap:10px;padding-top:16px}.jd-room-copy{padding:12px}}.jd-room{--sky:#86b5da;--floor:#739ac1;--shine:#eaf8ff;--glass:#d1e7fa;--width:clamp(290px,33%,372px);--gap:0px;--light:#509ddd;border-radius:clamp(20px,3vw,32px);border:1px solid #accce5;background:radial-gradient(ellipse at 50% 13%,#fff 0%,#f3faff 19%,transparent 53%),linear-gradient(156deg,#c1def3 0%,#dcefff 33%,var(--sky) 68%,var(--floor) 88%,#d7edff 100%);box-shadow:inset 0 1px 2px #fff,inset 0 -2px 3px #fff9,0 14px 28px #2e638415}.jd-room--bf{--sky:#586374;--floor:#353e50;--glass:#d8dce3;--shine:#ffeed2;--light:#f1c57e;background:radial-gradient(ellipse at 50% 12%,#56616e,#303844 52%,transparent 79%),linear-gradient(145deg,#252733,#493640 54%,#667288);color:#fff}.jd-room--sint{--sky:#c8aa83;--floor:#ae8e71;--glass:#faedda;--shine:#fff3ca;--light:#e9b04e}.jd-room--kerst{--sky:#9cbad7;--floor:#738daa;--glass:#e2edff;--light:#b7e3ff}.jd-room>header{text-align:center;position:relative;z-index:1;padding-inline:16px}.jd-room>header h2{font-size:clamp(24px,3.3vw,43px);letter-spacing:-.045em;line-height:1.08;margin:7px 0}.jd-room>header small{font-size:10px;letter-spacing:.24em}.jd-room:after{content:"";position:absolute;z-index:-1;width:112%;height:55%;left:-12%;top:-27%;transform:rotate(-14deg);border-radius:50%;border-bottom:2px solid #fffd;box-shadow:0 3px 2px #fff6,0 7px 8px #fff9,0 16px #ffffff36;pointer-events:none}.jd-room-stage{position:relative;isolation:isolate}.jd-room .jd-room-track{position:relative;z-index:2;gap:0;padding-block:26px 43px;align-items:stretch}.jd-room .jd-room-slide{transform:perspective(980px) rotateY(calc(var(--side,0)*var(--depth,1)*-24deg)) scale(.83) translate(calc(var(--side,0)*-7%));transform-origin:center;transition:transform .36s ease;opacity:.89}.jd-room .jd-room-slide[aria-current=true]{transform:perspective(980px) translateY(-3px);opacity:1;z-index:3}.jd-room .jd-room-slide:after{display:none}.jd-room .jd-room-slide article{border:1.5px solid #f4fcff!important;border-radius:23px!important;background:linear-gradient(128deg,#f2faffd9,color-mix(in srgb,var(--glass) 75%,transparent) 32%,#fff9 76%,#a5c9e9ab)!important;box-shadow:inset 0 0 0 1px #85abd180,inset 2px 2px 11px #fffb,inset -3px -3px 12px #fff9,0 10px 20px #1d496a42!important}.jd-room .jd-room-slide[aria-current=true] article{border-color:#fff!important;box-shadow:inset 0 0 0 1px #ffffffd9,inset 0 0 16px #ffffffc9,0 0 9px 1px #eafaffd9,0 12px 23px #2a4f7254!important}.jd-room .jd-room-media{background:radial-gradient(ellipse at 45% 65%,#f7fcffaf,#c7e0f56e 55%,#98c3e254);border-radius:21px 21px 0 0}.jd-room .jd-room-copy{position:relative;border-top:1px solid #fffc;border-radius:16px 16px 21px 21px;background:linear-gradient(125deg,#eff9ff,#daecfbe8 51%,#eff9ffed);box-shadow:inset 0 1px 3px #fff;color:#153652;gap:6px}.jd-room .jd-room-copy h3{color:#102f4b}.jd-room .jd-room-copy .jd-blue{margin-top:auto;border:1px solid #fff8;box-shadow:inset 0 1px 2px #ffffffa6,0 3px 6px #1b639943}.jd-room-plinth{pointer-events:none;position:absolute;z-index:0;bottom:15px;left:50%;width:min(59%,580px);height:clamp(24px,3.6vw,48px);transform:translate(-50%);border-radius:50%/32%;border:1px solid #b3d0ed;background:linear-gradient(90deg,#4c6985,#9ab9d5 7%,#f6fbff 13%,#829ebd 23%,#5c7797 39%,#ecf5ff 51%,#fff 54%,#8fa9c4 63%,#53708e 79%,#c7d9e6 93%,#7191ae);box-shadow:0 5px 2px #44617d88,0 12px 13px #2b4b6a54,inset 0 -3px 2px #eef9ffc7}.jd-room-plinth:before{content:"";position:absolute;left:-1px;right:-1px;top:-7px;height:62%;border-radius:50%;border:1px solid #fff;background:radial-gradient(ellipse at 50% 52%,#95b4cd,#cddff0 46%,#f7fcff,#9abbd6 96%);box-shadow:0 1px 3px #526e8959}.jd-room-plinth:after{content:"";position:absolute;bottom:-9px;left:-12%;width:124%;height:59%;border:1px solid #ffffffc9;border-radius:50%;box-shadow:0 2px 4px #8fbee3;z-index:-1}.jd-room[data-podium=glass] .jd-room-plinth{background:linear-gradient(90deg,#b5d8f29e,#f0fbffd9,#97b9d48c,#e1f3ff);box-shadow:0 8px 10px #2d557f4d,inset 0 -3px 3px #fff}.jd-room nav{position:relative;z-index:3}.jd-room nav button{background:linear-gradient(135deg,#ffffffc9,#def2ffad 45%,#9ebfda99);border:1px solid #fff;color:#163c5c;box-shadow:inset 0 0 3px #fff,0 3px 8px #315b7a30}.jd-room output{color:var(--ink);font-weight:650}@container (max-width:650px){.jd-room>header h2{font-size:26px}.jd-room .jd-room-track{--width:var(--mobile,80%);--gap:0px;padding-block:18px 35px}.jd-room-plinth{width:85%;height:24px;bottom:13px}.jd-room .jd-room-slide{transform:perspective(700px) rotateY(calc(var(--side,0)*var(--depth,1)*-22deg)) scale(.89) translate(calc(var(--side,0)*-5%))}.jd-room .jd-room-slide[aria-current=true]{transform:translateY(-2px)}}.jd-room[style*="--depth:0"] .jd-room-slide{transform:none}@media(prefers-reduced-motion:reduce){.jd-room .jd-room-slide{transition:none}}.jd-room .jd-room-slide[aria-current=true]:before{content:"";pointer-events:none;position:absolute;z-index:2;top:0;left:4%;width:64%;height:2px;border-radius:100%;background:linear-gradient(90deg,transparent,#fff 40%,var(--light) 68%,transparent);box-shadow:0 0 7px #ffffffba}@media(prefers-reduced-motion:no-preference){.jd-room .jd-room-slide[aria-current=true]:before{animation:jd-room-glint .65s ease-out both}}@keyframes jd-room-glint{0%{opacity:.15;transform:translate(-4%)}to{opacity:.9;transform:translate(24%)}}.jd-room>header em{color:#126eb1;font-style:normal}.jd-room .jd-room-track{--gap:clamp(10px,2vw,32px);gap:var(--gap);--width:clamp(310px,30%,420px)}.jd-room .jd-room-plinth{width:min(84%,1200px);height:clamp(38px,5vw,68px)}.jd-room .jd-room-slide article{position:relative;padding:0!important;background:linear-gradient(125deg,#eaf7ffdc,#bcdbf2be 50%,#edfaffdf)!important}.jd-room .jd-room-slide article:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border:1px solid #f4fbff;border-radius:inherit;box-shadow:inset 0 0 0 2px #76b3dcaa,inset 2px 1px 5px #fff}.jd-room .jd-room-media{margin:0!important;padding:0!important;border:0}.jd-room .jd-room-copy{padding:clamp(14px,2vw,23px);gap:10px}.jd-room .jd-room-copy .jd-room-price,.jd-room .jd-room-copy>strong{font-size:clamp(28px,2.5vw,36px);line-height:1.15;font-weight:750;margin:8px 0}.jd-room-price small{font-size:12px;font-weight:550;white-space:nowrap}.jd-room .jd-room-copy .jd-blue{color:#fff;background:linear-gradient(170deg,#54baff,#117cdb 46%,#0758ae 75%,#187ace);box-shadow:inset 0 0 0 1px #d6f0ffbb,inset 0 2px 3px #fff6,0 4px 8px #2b648835;border-radius:15px}.jd-room .jd-blue:after{content:"";display:inline-block;width:7px;height:7px;border:solid white;border-width:1.6px 1.6px 0 0;transform:rotate(45deg);margin-left:9px}.jd-room .jd-room-media[data-playing]>img{visibility:hidden}.jd-room[data-shine=false] .jd-room-slide:before{animation:none;display:none}.jd-room-dots{display:flex;gap:3px;align-items:center;justify-content:center;flex-wrap:wrap;max-width:145px}.jd-room-dots i{width:4px;height:4px;border-radius:50%;background:#6889a5}.jd-room-dots i.on{background:#075fae;transform:scale(1.4)}@container (max-width:650px){.jd-room .jd-room-track{--width:var(--mobile,80%);--gap:4px}.jd-room .jd-room-plinth{height:26px;width:88%}.jd-room .jd-room-copy .jd-room-price{font-size:28px}}.jd-room .jd-room-slide .jd-room-media{aspect-ratio:8/5}.jd-room .jd-room-slide .jd-room-media>img{object-position:var(--focus,50% 50%)}.jd-room .jd-room-slide .jd-room-media[data-photo]>img{object-fit:cover}@container (max-width:650px){.jd-room .jd-room-track{--width:calc(var(--mobile,80%) - 3%);--gap:3px}.jd-room .jd-room-slide:not([aria-current=true]){transform:perspective(760px) translate(calc(var(--side,0)*6%)) rotateY(calc(var(--side,0)*var(--depth,1)*-12deg)) scale(.94)}}#jd-home-showcases{width:100vw;max-width:none;margin-inline:calc(50% - 50vw);background:#dfedf8}#jd-home-showcases>.shopify-section{margin:0;padding:0}#jd-home-showcases .jd-room{margin:0;width:100%;max-width:none;box-sizing:border-box;border:0;border-radius:0;box-shadow:none;background:linear-gradient(180deg,#dfedf8,#f4faff 20%,#d4e9f8 53%,#9fbeda 84%,#dfedf8)}.jd-room .jd-room-slide:not([aria-current=true]){transform:perspective(1050px) rotateY(calc(var(--side,1)*-25deg)) scale(.92)}.jd-room .jd-room-slide[aria-current=true]{transform:perspective(1050px) translateY(-3px)}.jd-room .jd-room-copy h3{line-height:1.15;min-height:2.3em}.jd-room nav button,.jd-room .jd-room-media .jd-room-play{position:relative;isolation:isolate;background:transparent!important;border:0!important;box-shadow:none!important;color:#234b6a}.jd-room nav button:before,.jd-room .jd-room-media .jd-room-play:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:1px solid #ffffffd9;border-radius:50%;z-index:-1;background:linear-gradient(140deg,#f7fcffef,#cee7f6c9 48%,#a0c3dba8);box-shadow:inset 0 1px 2px #fff,0 2px 4px #315a7926}.jd-room nav svg{width:14px}.jd-room .jd-room-play{font-size:11px!important}.jd-room-dots i{width:3px;height:3px;opacity:.65}@container (max-width:650px){.jd-room .jd-room-slide:not([aria-current=true]){transform:perspective(760px) translate(calc(var(--side,1)*6%)) rotateY(calc(var(--side,1)*-23deg)) scale(.94)}}.jd-room .jd-room-media:has(>.jd-room-play)>img{mix-blend-mode:multiply}.jd-room .jd-room-slide:not([aria-current=true]){cursor:pointer}@media(hover:hover)and (pointer:fine){.jd-room .jd-room-track{cursor:grab}.jd-room .jd-room-track.is-dragging,.jd-room .jd-room-track.is-dragging *{cursor:grabbing!important;-webkit-user-select:none!important;user-select:none!important}.jd-room .jd-room-track.is-dragging{scroll-snap-type:none;scroll-behavior:auto}}.jd-room .jd-room-slide .jd-room-media{background:linear-gradient(135deg,#e5f4ff,#b8d9ef)!important;isolation:isolate}.jd-room .jd-room-slide .jd-room-media>iframe,.jd-room .jd-room-slide .jd-room-media>video{background:transparent;object-fit:contain}.jd-room .jd-room-slide .jd-room-media{background:linear-gradient(135deg,#e5f4ff,#b8d9ef)!important}.jd-room .jd-room-media[data-expanded]>img{visibility:hidden}.jd-room-expanded{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;color:#fff;font-family:Arial,sans-serif;pointer-events:none;container-type:inline-size}.jd-room-expanded .jd-room-art{position:absolute;left:44%;top:9%;width:54%;height:82%;object-fit:contain;mix-blend-mode:normal}.jd-room-message{position:absolute;left:7%;top:50%;transform:translateY(-50%);width:43%;z-index:1;text-align:left}.jd-room-message small{display:block;font-size:2cqw;letter-spacing:.12em;line-height:1.6;margin-bottom:3cqw}.jd-room-message strong{display:block;font-size:5.2cqw;line-height:1.05;letter-spacing:-.04em;color:#fff}.jd-room-message p{font-size:2.2cqw;line-height:1.6;margin:3cqw 0;color:#fff}.jd-room-message span{display:inline-block;background:#fff;color:#0755a8;font-size:2cqw;padding:2cqw 2.5cqw;border-radius:1cqw;font-weight:700}.jd-room .jd-room-media[data-playing]>.jd-room-expanded{visibility:hidden}.jd-room .jd-room-media>a,.jd-room .jd-room-media iframe{background:transparent}.jd-room-offer{display:none!important}.jd-room .jd-room-media[href]>img{mix-blend-mode:multiply}.jd-room-expanded{left:6.730769%;right:6.730769%}.jd-room-message small{font-size:1cqw;margin-bottom:2cqw}.jd-room-message p{font-size:1.78cqw;margin:2.2cqw 0;line-height:1.65}.jd-room-message span{font-size:1.56cqw;padding:1.67cqw 2cqw;border-radius:.67cqw}.jd-room-expanded,.jd-room-message strong,.jd-room-message p{color:#173952}.jd-room-expanded{background:transparent}
/*# sourceMappingURL=/cdn/shop/t/25/assets/jd-showroom.css.map */