.qs-ugc-section,.qs-ugc-section *,.qs-ugc-section *:before,.qs-ugc-section *:after{box-sizing:border-box}.qs-ugc-section{--qs-glacier: #D8E4EC;--qs-glacier-soft: #EEF3F6;--qs-teal: #2C5F6E;--qs-teal-dark: #1A2A2F;--qs-white: #FAFAFA;--qs-pure-white: #FFFFFF;--qs-border: #E2E8EB;--qs-text-muted: #6B7B82;padding:32px 0 40px;background:var(--qs-pure-white);overflow:hidden}@media(min-width:990px){.qs-ugc-section{padding:48px 0 64px}}.qs-ugc__container{max-width:100%;margin:0 auto}.qs-ugc__title{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:clamp(24px,3vw,32px);line-height:1.15;color:var(--qs-teal);text-align:center;margin:0 16px 8px;letter-spacing:-.01em}.qs-ugc__subtitle{font-size:14px;line-height:1.5;color:var(--qs-text-muted);text-align:center;margin:0 16px 24px}.qs-ugc__title:not(:empty)+.qs-ugc{margin-top:8px}.qs-ugc{margin:0;padding:0;overflow:hidden;position:relative;height:calc(140px * 14 / 9)}@media(min-width:768px){.qs-ugc{height:calc(180px * 14 / 9)}}@media(min-width:1200px){.qs-ugc{height:calc(220px * 14 / 9)}}.qs-ugc__track{display:flex;gap:12px;position:absolute;top:0;left:0;height:100%;will-change:transform;cursor:grab;user-select:none;-webkit-user-select:none;padding:0 16px}.qs-ugc__track.is-dragging{cursor:grabbing}.qs-ugc__card{position:relative;flex:0 0 140px;min-width:140px;aspect-ratio:9 / 14;border-radius:12px;overflow:hidden;background:var(--qs-glacier-soft);cursor:pointer;border:1px solid var(--qs-border);transition:transform .25s ease,box-shadow .25s ease}.qs-ugc__card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #1a2a2f1f}@media(min-width:768px){.qs-ugc__card{flex:0 0 180px;min-width:180px}}@media(min-width:1200px){.qs-ugc__card{flex:0 0 220px;min-width:220px}}.qs-ugc__thumb{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;pointer-events:none!important;overflow:hidden!important}.qs-ugc__thumb-img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;pointer-events:none!important}.qs-ugc__thumb--placeholder{background:linear-gradient(135deg,var(--qs-glacier-soft) 0%,var(--qs-glacier) 100%)!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}.qs-ugc__placeholder-text{font-size:11px;font-weight:600;color:var(--qs-text-muted);text-transform:uppercase;letter-spacing:.06em;padding:8px;line-height:1.4}.qs-ugc__caption{position:absolute;top:10px;left:10px;right:10px;padding:4px 8px;background:#ffffffeb;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:999px;font-size:10px;font-weight:600;color:var(--qs-teal-dark);text-transform:uppercase;letter-spacing:.06em;text-align:center;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:2}.qs-ugc__play{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:32px;height:32px;pointer-events:none;transition:transform .25s ease;z-index:2}.qs-ugc__play svg{width:100%;height:100%;display:block;filter:drop-shadow(0 2px 6px rgba(26,42,47,.3))}.qs-ugc__card:hover .qs-ugc__play{transform:translate(-50%) scale(1.1)}@media(min-width:768px){.qs-ugc__play{width:40px;height:40px;bottom:14px}}.qs-ugc-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:none;align-items:center;justify-content:center}.qs-ugc-modal.is-active{display:flex}.qs-ugc-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#1a2a2fd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer}.qs-ugc-modal__wrap{position:relative;width:360px;max-width:92vw;max-height:88vh;aspect-ratio:9 / 16;border-radius:16px;overflow:hidden;background:#000;z-index:1;box-shadow:0 20px 60px #00000080}.qs-ugc-modal__video{width:100%;height:100%;object-fit:cover;display:block}.qs-ugc-modal__close,.qs-ugc-modal__mute{position:absolute;width:40px;height:40px;border-radius:50%;border:0;background:#0000008c;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;z-index:10;transition:background .2s ease}.qs-ugc-modal__close:hover,.qs-ugc-modal__mute:hover{background:#000000d9}.qs-ugc-modal__close{top:12px;right:12px}.qs-ugc-modal__close svg{width:18px;height:18px}.qs-ugc-modal__mute{bottom:16px;left:16px}.qs-ugc-modal__mute svg{width:18px;height:18px}.qs-ugc-modal__mute-off,.qs-ugc-modal.is-muted .qs-ugc-modal__mute-on{display:none}.qs-ugc-modal.is-muted .qs-ugc-modal__mute-off{display:block}.qs-ugc-modal__loader{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:5;pointer-events:none}.qs-ugc-modal__loader:after{content:"";width:36px;height:36px;border:3px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:qs-ugc-spin .7s linear infinite}@keyframes qs-ugc-spin{to{transform:rotate(360deg)}}@media(max-width:600px){.qs-ugc-modal__wrap{width:92vw;max-height:82vh;border-radius:12px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/qureskin-pdp-ugc.css.map */