.cugv{background:var(--t-ink);color:var(--t-page);padding-block:clamp(48px,9vw,96px);width:100%}.cugv__head{margin:0 0 26px}.cugv__eyebrow{margin:0 0 12px;font-family:var(--c-sans);font-size:10px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--t-neutral-lt);text-indent:.2em}.cugv__h{margin:0 0 10px;font-family:var(--c-serif, Georgia, serif);font-weight:400;font-size:clamp(28px,8vw,46px);line-height:1.06;letter-spacing:-.025em;color:var(--t-page);white-space:pre-line;text-wrap:balance;max-width:20ch}.cugv__sub{margin:0;font-size:14px;line-height:1.5;color:rgb(var(--t-neutral-lt-rgb) / .85);max-width:44ch}.cugv__row{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:85vw;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;margin-inline-end:calc(var(--c-gutter, 20px) * -1);padding-inline-end:var(--c-gutter, 20px)}.cugv__row::-webkit-scrollbar{display:none}.cugv__item{margin:0;scroll-snap-align:start}.cugv__card{position:relative;overflow:hidden;border-radius:var(--c-r, 2px);background:rgb(var(--t-black-rgb) / .18)}.cugv__media{position:relative;aspect-ratio:2 / 3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:rgb(var(--t-black-rgb) / .22)}.cugv__vid{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.cugv__empty{font-family:var(--c-sans);font-size:9.5px;line-height:1.5;letter-spacing:.14em;text-transform:uppercase;text-align:center;color:rgb(var(--t-neutral-lt-rgb) / .75)}.cugv__play{position:absolute;box-sizing:border-box;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:56px;height:56px;display:grid;place-items:center;padding:0;border:1px solid rgb(var(--t-white-rgb) / .45);border-radius:50%;background:rgb(var(--t-ink-rgb) / .45);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--t-page);cursor:pointer;transition:background-color .22s var(--c-ease, ease),border-color .22s var(--c-ease, ease)}.cugv__play--inert{position:static;transform:none;cursor:default;pointer-events:none;opacity:.5}@media(hover:hover)and (pointer:fine){.cugv__play:not(.cugv__play--inert):hover{background:rgb(var(--t-ink-rgb) / .7);border-color:var(--t-page)}}.cugv__playi{width:0;height:0;margin-left:4px;border-style:solid;border-width:8px 0 8px 13px;border-color:transparent transparent transparent currentColor}.cugv__card.is-playing .cugv__play{opacity:0;pointer-events:none}.cugv__card.is-playing .cugv__play:focus-visible{opacity:1;pointer-events:auto}.cugv__card.is-playing .cugv__tap{pointer-events:auto}.cugv__sound{position:absolute;right:10px;bottom:10px;z-index:3;inline-size:34px;block-size:34px;display:grid;place-items:center;padding:0;border:1px solid rgb(var(--t-white-rgb) / .4);border-radius:50%;background:rgb(var(--t-ink-rgb) / .55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;cursor:pointer;transition:background-color .18s var(--c-ease, ease)}.cugv__sound:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px}@media(hover:hover){.cugv__sound:hover{background:rgb(var(--t-ink-rgb) / .75)}}.cugv__sound:focus-visible{outline:2px solid #FFFFFF;outline-offset:2px}.cugv__soundi{display:none;line-height:0}.cugv__soundi svg{inline-size:17px;block-size:17px;display:block}.cugv__sound[aria-pressed=false] .cugv__soundi--off,.cugv__sound[aria-pressed=true] .cugv__soundi--on{display:block}@media(prefers-reduced-motion:reduce){.cugv__sound{transition:none}}.cugv__card .cugv__band{padding-right:52px}@media(min-width:1000px){.cugv__row{display:flex;flex-wrap:nowrap;justify-content:center;align-items:flex-start;gap:18px;grid-auto-flow:initial;grid-auto-columns:initial;overflow-x:visible;scroll-snap-type:none;margin-inline-end:0;padding-inline-end:0}.cugv__item{flex:0 1 min(280px,calc(min(480px,60vh)*.5625));max-inline-size:min(280px,calc(min(480px,60vh)*.5625));min-inline-size:0;scroll-snap-align:none}.cugv__media{aspect-ratio:9 / 16}.cugv__vid{object-fit:contain}.cugv__card,.cugv__card.is-playing{transform:none}.cugv{padding-block:clamp(40px,4.5vw,64px)}.cugv__head{margin:0 0 20px}}.cugv__card{overflow:visible}.cugv__vid{border-radius:inherit}.cugv__media{border-radius:var(--c-r, 2px);overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/22/assets/calmy-ugc-video.css.map */