.sur{margin:20px 0 0}.sur__head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}.sur__title{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--v2-ink, #1a1a1f)}.sur__hint{font-size:12px;font-weight:600;color:var(--v2-muted, #737380)}.sur__row{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}.sur__row::-webkit-scrollbar{display:none}.sur__tile{position:relative;flex:0 0 66%;aspect-ratio:9 / 16;padding:0;border:1px solid var(--v2-line, #e0e0e5);border-radius:12px;overflow:hidden;background:var(--v2-tile, #f6f6f8);scroll-snap-align:start;cursor:pointer;-webkit-tap-highlight-color:transparent}@media(min-width:640px){.sur__tile{flex-basis:220px}}.sur__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.sur__play{position:absolute;top:50%;left:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:#ffffff38;color:#fff;border:1px solid rgba(255,255,255,.45);-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px #ffffff8c,inset 0 -1px #00000014,0 6px 18px #00000040;transition:transform .2s,background .2s}.sur__play svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}.sur__tile:hover .sur__play{background:#ffffff52}.sur__play svg{display:block;width:22px;height:22px}.sur__tile:hover .sur__play{transform:scale(1.06)}.sur__cap{position:absolute;left:0;right:0;bottom:0;padding:28px 10px 10px;font-size:12px;font-weight:600;color:#fff;text-align:left;background:linear-gradient(to top,#0000008c,#0000)}.sur-fs{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000;color:#fff;display:flex;align-items:center;justify-content:center}.sur-fs[hidden]{display:none}.sur-lock,.sur-lock body{overflow:hidden!important}.sur-fs__stage{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.sur-fs__video{width:100%;height:100%;object-fit:cover;background:#000;display:block}@media(min-width:768px){.sur-fs{background:#000000eb}.sur-fs__stage{width:min(480px,100vw);height:min(100vh,854px)}.sur-fs__video{object-fit:contain;border-radius:12px}}.sur-fs__btn{position:absolute;z-index:3;width:40px;height:40px;border:0;border-radius:50%;background:#00000073;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.sur-fs__btn svg{display:block}.sur-fs__btn:disabled{opacity:.3;cursor:default}.sur-fs__close{top:calc(12px + env(safe-area-inset-top,0px));right:12px}.sur-fs__mute{top:calc(12px + env(safe-area-inset-top,0px));left:12px}.sur-fs__prev,.sur-fs__next{top:50%;transform:translateY(-50%)}.sur-fs__prev{left:10px}.sur-fs__next{right:10px}.sur-fs__paused{position:absolute;top:50%;left:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:#ffffffeb;color:#1a1a1f;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2}.sur-fs__paused[hidden]{display:none}.sur-fs__foot{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:40px 16px calc(16px + env(safe-area-inset-bottom,0px));background:linear-gradient(to top,#000000b3,#0000);display:flex;flex-direction:column;gap:12px}.sur-fs__cap{font-size:14px;font-weight:600;min-height:1em}.sur-fs__dots{display:flex;gap:6px}.sur-fs__dot{flex:1 1 0;height:3px;border-radius:999px;background:#ffffff59;overflow:hidden}.sur-fs__dot>span{display:block;height:100%;width:0;background:#fff}.sur-fs__dot.is-done>span{width:100%}.sur-fs__buy{display:flex;gap:10px;align-items:stretch}.sur-fs__qty{flex:0 0 auto;display:flex;align-items:center;height:56px;padding:0 4px;border-radius:999px;background:#ffffff29;border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);color:#fff}.sur-fs__qty button{width:40px;height:48px;border:0;background:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent}.sur-fs__qty button:disabled{opacity:.35}.sur-fs__qty-count{min-width:22px;text-align:center;font-size:16px;font-weight:700}.sur-fs__atc{flex:1 1 auto;height:56px;border:1px solid rgba(255,255,255,.55);border-radius:999px;background:#ffffffc7;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);color:#1a1a1f;box-shadow:0 8px 24px #0000002e;font-size:16px;font-weight:700;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent}.sur-fs__atc[data-sur-select]{background:#ffffff8c}.sur-fs__spinner{display:none}@media(prefers-reduced-motion:reduce){.sur__play,.sur-fs__dot>span{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/328/assets/s1-pdp-ugc-reel.css.map */