.kmosaic{overflow:hidden;position:relative}.kmosaic__head{text-align:center;max-width:940px;margin:0 auto clamp(30px,4vw,58px);position:relative;z-index:3}.kmosaic__title{margin-top:8px}.kmosaic__sub{margin:18px auto 0;max-width:56ch}.kmosaic .ugc__proof{margin-top:clamp(22px,2.8vw,34px)}.kmosaic__note{text-align:center;font-size:11.5px;color:#cfd6c2;opacity:.9;margin:clamp(16px,2vw,26px) auto 0}.kmosaic__ghost{position:absolute;z-index:0;pointer-events:none;border-radius:50%;filter:blur(6px)}.kmosaic__ghost:empty{display:block}.kmosaic__ghost--a{width:clamp(300px,36vw,560px);height:clamp(300px,36vw,560px);top:clamp(120px,15vw,240px);left:-9%;background:radial-gradient(circle at 40% 35%,#7fd35f33,#7fd35f00 68%)}.kmosaic__ghost--b{width:clamp(240px,30vw,480px);height:clamp(240px,30vw,480px);bottom:clamp(70px,11vw,200px);right:-7%;background:radial-gradient(circle at 55% 45%,#f8c62f26,#f8c62f00 66%)}.kmosaic__band{--stage-w:min(56vh,460px);--rail-w:clamp(150px,17vw,230px);--gap:clamp(26px,3vw,52px);position:relative;z-index:2;max-width:1180px;margin:0 auto;padding-left:var(--pad-x);padding-right:var(--pad-x);display:grid;grid-template-columns:1fr var(--rail-w);align-items:center;gap:var(--gap)}.kmosaic__stagecell{display:flex;justify-content:center}@property --floaty{syntax:"<length>";inherits:false;initial-value:0px;}@media(min-width:901px){.kmosaic__band{--stage-w:min(58vh,480px);--sat-w:clamp(170px,15vw,225px);display:flex;align-items:center;justify-content:center;gap:0;max-width:1240px;min-height:calc(var(--stage-w) * 16 / 9 + 96px)}.kmosaic__stagecell{position:relative;z-index:5;width:var(--stage-w);max-width:100%;flex:0 0 auto;display:block}.kmosaic .krail{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;height:auto;overflow:visible;-webkit-mask:none;mask:none;cursor:default;touch-action:auto;pointer-events:none;z-index:4}.kmosaic .krail__track{display:block;position:absolute;top:0;right:0;bottom:0;left:0;gap:0;transform:none!important;will-change:auto}.kmosaic .krail__tile{position:absolute;width:var(--sat-w);height:auto;aspect-ratio:9/16;left:var(--sat-x,50%);top:var(--sat-y,50%);margin:0;pointer-events:auto;border-width:5px;border-radius:18px;box-shadow:0 30px 60px -22px #0009,0 12px 26px -14px #00000080,0 2px 6px #00000047;transform:translate(-50%,-50%) rotate(var(--sat-rot,0deg)) scale(var(--sat-scale,1)) translateY(var(--floaty,0px));transition:box-shadow .34s var(--ease),border-color .34s var(--ease);animation:kSatFloat var(--fdur,7s) ease-in-out var(--fdelay,0s) infinite}.kmosaic .krail__tile:nth-child(1){--sat-x:12%;--sat-y:36%;--sat-rot:-7.5deg;--sat-scale:.88;--fdur:7.6s;--fdelay:-1.2s;--fdist:11px;z-index:2}.kmosaic .krail__tile:nth-child(2){--sat-x:24%;--sat-y:63%;--sat-rot:-3.25deg;--sat-scale:1;--fdur:8.4s;--fdelay:-3.1s;--fdist:9px;z-index:3}.kmosaic .krail__tile:nth-child(3){--sat-x:76%;--sat-y:63%;--sat-rot:3.25deg;--sat-scale:1;--fdur:7.1s;--fdelay:-2.2s;--fdist:10px;z-index:3}.kmosaic .krail__tile:nth-child(4){--sat-x:88%;--sat-y:36%;--sat-rot:7.5deg;--sat-scale:.88;--fdur:8.9s;--fdelay:-.4s;--fdist:12px;z-index:2}.kmosaic .krail__tile[data-clone="1"]{display:none!important}.kmosaic .krail__tile:hover,.kmosaic .krail__tile:focus-visible{border-color:var(--gold);box-shadow:0 40px 78px -20px #000000a8,0 14px 32px -12px #0000008c,0 2px 6px #0000004d;z-index:6}.kmosaic .krail__play{width:46px;height:46px}.kmosaic .krail__play svg{width:17px;height:17px}@keyframes kSatFloat{0%,to{--floaty:0px}50%{--floaty:calc(var(--fdist,10px) * -1)}}}.kstage{position:relative;flex:0 0 auto;width:var(--stage-w);max-width:100%;aspect-ratio:9/16;border-radius:24px;overflow:hidden;background:var(--green-deep);border:7px solid #fffdf6;box-shadow:0 44px 90px -28px #0000009e,0 12px 34px -14px #00000080;cursor:pointer;display:block;padding:0;-webkit-tap-highlight-color:transparent;transition:transform .5s var(--ease),box-shadow .5s var(--ease)}.kstage:hover,.kstage:focus-visible{transform:translateY(-4px);box-shadow:0 54px 104px -28px #000000a8,0 14px 40px -14px #00000080}.kstage__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;border-radius:17px}.kstage__poster,.kstage__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:var(--green-mid);display:block;border-radius:17px}.kstage__video{opacity:0;transition:opacity .4s var(--ease)}.kstage.is-playing .kstage__video{opacity:1}.kstage.is-playing .kstage__poster{opacity:0;transition:opacity .5s var(--ease)}.kstage__poster{opacity:1;transition:opacity .4s var(--ease)}.kstage__media.is-swapping{transform:scale(1.04);opacity:0;transition:transform .28s var(--ease),opacity .28s var(--ease)}.kstage__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:17px;pointer-events:none;background:linear-gradient(180deg,#08100b6b,#08100b00 16% 48%,#08100b5c 70%,#08100bd1)}.kstage__top{position:absolute;top:16px;left:16px;right:16px;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:10px;pointer-events:none}.kstage__handlepill{display:inline-flex;align-items:center;gap:6px;max-width:66%;padding:6px 12px;border-radius:999px;background:#0a2c1485;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-family:var(--font-body);font-weight:700;font-size:13px;letter-spacing:.01em;line-height:1;box-shadow:0 2px 10px #08100b66;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kstage__verified{flex:0 0 auto;display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--green-light)}.kstage__verified svg{width:10px;height:10px;color:var(--green-deep)}.kstage__views{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;padding:6px 11px;border-radius:999px;background:#0a2c1485;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-family:var(--font-body);font-weight:700;font-size:12.5px;letter-spacing:.01em;line-height:1;box-shadow:0 2px 10px #08100b66}.kstage__views svg{width:11px;height:11px}.kstage__emoji{position:absolute;z-index:5;top:74px;right:-20px;width:60px;height:60px;border-radius:50%;background:radial-gradient(circle at 38% 30%,#fff,#f3eede);display:grid;place-items:center;font-size:34px;line-height:1;box-shadow:0 0 0 3px #fffdf6,0 0 0 4.5px #0e201717,0 10px 20px -6px #0e201780;transform:rotate(9deg);pointer-events:none}.kstage__sound{position:absolute;z-index:5;left:50%;bottom:78px;transform:translate(-50%);display:inline-flex;align-items:center;gap:7px;padding:8px 15px;border-radius:999px;background:#0a2c148c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1.5px solid rgba(248,198,47,.7);color:var(--gold);font-family:var(--font-body);font-weight:800;font-size:12px;letter-spacing:.04em;text-transform:uppercase;line-height:1;box-shadow:0 4px 16px #08100b73;pointer-events:none;white-space:nowrap;transition:transform .3s var(--ease),opacity .3s var(--ease)}.kstage__sound svg{width:14px;height:14px;fill:var(--gold)}.kstage:hover .kstage__sound{transform:translate(-50%) translateY(-2px)}.kstage__meta{position:absolute;z-index:4;left:20px;right:20px;bottom:18px;display:flex;flex-direction:column;gap:5px;text-align:left;pointer-events:none}.kstage__stars{color:var(--star);font-size:16px;letter-spacing:1.5px;line-height:1}.kstage__caption{color:#fff;font-family:var(--font-head);font-weight:700;font-size:clamp(16px,1.5vw,19px);line-height:1.18;letter-spacing:-.02em;text-shadow:0 1px 6px rgba(8,16,11,.6);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.krail{position:relative;height:var(--stage-w);overflow:hidden;-webkit-mask:linear-gradient(to bottom,transparent 0,#000 9%,#000 91%,transparent 100%);mask:linear-gradient(to bottom,transparent 0,#000 9%,#000 91%,transparent 100%);cursor:grab;touch-action:pan-x;-webkit-user-select:none;user-select:none}.krail.is-grabbing{cursor:grabbing}.krail__track{display:flex;flex-direction:column;gap:clamp(14px,1.4vw,20px);will-change:transform}.krail__tile{position:relative;flex:0 0 auto;width:100%;aspect-ratio:9/16;border-radius:16px;overflow:hidden;background:var(--green-deep);border:4px solid #fffdf6;padding:0;display:block;cursor:pointer;box-shadow:0 16px 34px -16px #0000008c;-webkit-tap-highlight-color:transparent;transition:transform .34s cubic-bezier(.22,1.1,.36,1),box-shadow .34s var(--ease)}.krail__tile:hover,.krail__tile:focus-visible{box-shadow:0 22px 46px -14px #000000a6;border-color:var(--gold)}.krail__tile[data-clone="1"]{cursor:grab}.krail__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:var(--green-mid);border-radius:10px;-webkit-user-drag:none;user-drag:none;transition:transform .5s cubic-bezier(.22,1.1,.36,1)}.krail__tile:hover .krail__img,.krail__tile:focus-visible .krail__img{transform:scale(1.07)}.krail__tscrim{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;pointer-events:none;background:linear-gradient(180deg,#08100b4d,#08100b00 26% 54%,#08100bb8)}.krail__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;background:#fffdf6eb;display:grid;place-items:center;box-shadow:0 5px 14px #00000057;transition:transform .25s var(--ease);pointer-events:none}.krail__tile:hover .krail__play{transform:translate(-50%,-50%) scale(1.1)}.krail__play svg{width:16px;height:16px;color:var(--green-deep);margin-left:2px}.krail__views{position:absolute;top:9px;right:9px;z-index:3;display:inline-flex;align-items:center;gap:3px;color:#fff;font-family:var(--font-body);font-weight:700;font-size:10.5px;letter-spacing:.01em;text-shadow:0 1px 4px rgba(8,16,11,.7);pointer-events:none}.krail__views svg{width:9px;height:9px}.krail__handle{position:absolute;left:11px;right:11px;bottom:10px;z-index:3;color:#fff;font-family:var(--font-body);font-weight:700;font-size:12px;letter-spacing:.01em;line-height:1.1;text-shadow:0 1px 4px rgba(8,16,11,.75);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kmosaic__cta{text-align:center;position:relative;z-index:3;margin:clamp(46px,6vw,88px) auto 0;max-width:640px}.kmosaic__cta-title{color:#f4f1e4;margin-bottom:clamp(20px,2.4vw,30px)}.kmosaic.section--green .ugc__proof-num{color:#fff!important}.kmosaic.section--green .ugc__proof-num .stars{color:var(--gold)!important}.kmosaic.section--green .ugc__proof-label{color:#cfd6c2!important}.kmosaic.section--green .ugc__proof-div{background:#ffffff38!important}@media(max-width:900px){.kmosaic__band{--stage-w:min(64vw,380px);grid-template-columns:1fr;justify-items:center;gap:clamp(22px,4vw,34px)}.kmosaic__stagecell{width:100%}.krail{width:100%;height:auto;--rail-h:clamp(190px,32vw,260px);-webkit-mask:linear-gradient(to right,transparent 0,#000 7%,#000 93%,transparent 100%);mask:linear-gradient(to right,transparent 0,#000 7%,#000 93%,transparent 100%);touch-action:pan-y}.krail__track{flex-direction:row;gap:clamp(12px,2.4vw,18px)}.krail__tile{width:auto;height:var(--rail-h);aspect-ratio:9/16;flex:0 0 auto}}@media(max-width:560px){.kmosaic__band{--stage-w:min(82vw,340px)}.kstage{border-width:6px}.kstage__emoji{width:50px;height:50px;font-size:28px;top:60px;right:-16px}.kstage__sound{bottom:70px;font-size:11px;padding:7px 13px}.krail{--rail-h:clamp(160px,44vw,220px)}.krail__tile{border-width:3px}.krail__play{width:36px;height:36px}.krail__play svg{width:14px;height:14px}.kmosaic__note{font-size:10px}.kmosaic__ghost:empty{display:none}}@media(min-width:901px){.kmosaic.section--green{padding-bottom:calc(var(--section-y) + var(--arch) + 90px)!important}.kmosaic{padding-top:clamp(32px,4vw,64px)!important}}@media(max-width:900px){.kmosaic.section--green{padding-bottom:calc(40px + var(--arch) + 28px)!important}.kmosaic{padding-top:clamp(40px,7vw,64px)!important}}@media(prefers-reduced-motion:reduce){.krail__track{transform:none!important}.kstage,.krail__tile,.kstage__media.is-swapping{transition-duration:.14s}.kmosaic .krail__tile{animation:none!important;--floaty:0px}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/oh-ugc-mosaic.css.map */