.ugc-videos__grid{display:grid;grid-template-columns:repeat(var(--ugc-mobile-columns, 2),minmax(0,1fr));gap:var(--ugc-gap, 4px)}@media screen and (min-width:700px){.ugc-videos__grid{grid-template-columns:repeat(var(--ugc-columns, 4),minmax(0,1fr))}}.ugc-videos__tile{position:relative;display:block;width:100%;aspect-ratio:3 / 4;padding:0;border:0;overflow:hidden;cursor:pointer;background:rgb(var(--text-color) / .06)}.ugc-videos__tile-video,.ugc-videos__tile .ugc-videos__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ugc-videos__tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059;opacity:0;transition:opacity .2s ease-in-out}.ugc-videos__tile-icon{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;place-items:center;color:#fff;opacity:0;transition:opacity .2s ease-in-out}@media(hover:hover){.ugc-videos__tile:hover:after,.ugc-videos__tile:hover .ugc-videos__tile-icon{opacity:1}}.ugc-videos__tile:focus-visible{outline:2px solid rgb(var(--text-color));outline-offset:2px}.ugc-videos__tile:focus-visible:after,.ugc-videos__tile:focus-visible .ugc-videos__tile-icon{opacity:1}.ugc-videos__dialog{width:min(1100px,100% - 3rem);height:min(820px,100dvh - 3rem);max-width:none;max-height:none;padding:0;border:0;border-radius:16px;overflow:hidden;background:rgb(var(--background));color:rgb(var(--text-color));overscroll-behavior:contain}.ugc-videos__dialog::backdrop{background:#000000b3;overflow:hidden;overscroll-behavior:contain}.ugc-videos__dialog-content,.ugc-videos__modal{height:100%}.ugc-videos__modal{display:grid;grid-template-columns:auto minmax(0,1fr)}.ugc-videos__modal-media{position:relative;height:100%;aspect-ratio:9 / 16;max-width:60vw;background:#000}.ugc-videos__modal-video,.ugc-videos__modal-media .ugc-videos__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.ugc-videos__loader{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;z-index:2;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.ugc-videos__loader.is-loading{opacity:1;visibility:visible}.ugc-videos__loader-spinner{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--rounded-full, 9999px);background:#0000008c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 16px #00000059}.ugc-videos__loader-spinner svg{animation:ugc-spinner .85s linear infinite}@keyframes ugc-spinner{to{transform:rotate(360deg)}}.ugc-videos__mute{position:absolute;inset-block-start:1rem;inset-inline-start:1rem;z-index:3;display:grid;place-items:center;width:44px;height:44px;border-radius:var(--rounded-full);background:#00000080;color:#fff}.ugc-videos__mute[aria-pressed=true] .ugc-videos__mute-icon--on,.ugc-videos__mute[aria-pressed=false] .ugc-videos__mute-icon--off{display:none}.ugc-videos__close{position:absolute;inset-block-start:.875rem;inset-inline-end:.875rem;z-index:2;display:grid;place-items:center;width:40px;height:40px;border-radius:var(--rounded-full);border:1px solid rgb(var(--border-color));background:rgb(var(--background));color:rgb(var(--text-color))}.ugc-videos__panel{display:flex;flex-direction:column;min-height:0}.ugc-videos__panel-header{padding:1rem 4.5rem 1rem 1.25rem;border-block-end:1px solid rgb(var(--border-color))}.ugc-videos__account{display:flex;align-items:center;gap:.875rem}.ugc-videos__avatar{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border-radius:var(--rounded-full);overflow:hidden;background:rgb(var(--text-color) / .08);font-weight:700}.ugc-videos__avatar img{width:100%;height:100%;object-fit:cover}.ugc-videos__username{font-weight:700;letter-spacing:.02em}.ugc-videos__panel-body{flex-grow:1;overflow-y:auto;overscroll-behavior:contain;padding:1.5rem 1.25rem}.ugc-videos__panel-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;padding:.875rem 1.25rem;border-block-start:1px solid rgb(var(--border-color));font-size:var(--text-sm)}.ugc-videos__post-link{text-decoration:underline;text-underline-offset:3px}.ugc-videos__date{margin-inline-start:auto;opacity:.6}@media screen and (max-width:699px){.ugc-videos__dialog{width:100%;height:100%;margin:0;border-radius:0}.ugc-videos__modal{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.ugc-videos__modal-media{height:62dvh;width:100%;max-width:none;aspect-ratio:auto}.ugc-videos__panel-header{padding-inline-end:1.25rem}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/ugc-videos.css.map */