.media-modal-trigger{display:inline-flex;align-items:center;gap:.4rem;font-size:1.3rem;color:rgba(var(--color-foreground),.7);text-decoration:none;cursor:pointer;transition:color .25s ease,gap .25s ease;letter-spacing:.02em;border:none;background:none;padding:0;font-family:inherit}.media-modal-trigger:hover{color:rgb(var(--color-foreground));gap:.6rem}.media-modal-trigger__icon{display:inline-flex;align-items:center;transition:transform .25s ease}.media-modal-trigger:hover .media-modal-trigger__icon{transform:scale(1.15)}.media-modal-trigger__icon svg{width:16px;height:16px}.media-modal-trigger__text{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.media-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s ease}.media-modal.is-open{opacity:1;visibility:visible}.media-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.media-modal__dialog{position:relative;z-index:1;width:92vw;max-width:960px;max-height:90vh;background:rgb(var(--color-background));border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transform:translateY(24px) scale(.97);transition:transform .4s cubic-bezier(.16,1,.3,1);box-shadow:0 24px 64px #00000040}.media-modal.is-open .media-modal__dialog{transform:translateY(0) scale(1)}.media-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(var(--color-foreground),.08);flex-shrink:0}.media-modal__title{font-size:1.1rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;margin:0;color:rgb(var(--color-foreground))}.media-modal__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:none;background:rgba(var(--color-foreground),.06);color:rgb(var(--color-foreground));cursor:pointer;transition:background .2s ease,transform .2s ease;padding:0}.media-modal__close:hover{background:rgba(var(--color-foreground),.12);transform:scale(1.1)}.media-modal__close svg{width:18px;height:18px}.media-modal__body{padding:1.5rem;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.media-modal__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.media-modal-card{border-radius:12px;overflow:hidden;background:rgba(var(--color-foreground),.04);transition:box-shadow .25s ease,transform .25s ease}.media-modal-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.media-modal-card__wrapper{position:relative;width:100%;aspect-ratio:9 / 16;background:#000}.media-modal-card__video,.media-modal-card__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;border-radius:12px}.media-modal-card__label{padding:.6rem .75rem;font-size:.8rem;font-weight:500;color:rgba(var(--color-foreground),.7);letter-spacing:.02em;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width:749px){.media-modal__dialog{width:96vw;max-height:85vh;border-radius:12px}.media-modal__grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.media-modal__body{padding:1rem}.media-modal__header{padding:1rem 1.25rem}.media-modal-trigger{font-size:1.2rem}}@media screen and (max-width:480px){.media-modal__grid{grid-template-columns:repeat(2,1fr);gap:.5rem}}@media(prefers-reduced-motion:reduce){.media-modal,.media-modal__dialog,.media-modal-trigger,.media-modal-card{transition:none}}.media-modal__body::-webkit-scrollbar{width:4px}.media-modal__body::-webkit-scrollbar-track{background:transparent}.media-modal__body::-webkit-scrollbar-thumb{background:rgba(var(--color-foreground),.15);border-radius:4px}.media-modal__body::-webkit-scrollbar-thumb:hover{background:rgba(var(--color-foreground),.25)}
/*# sourceMappingURL=/cdn/shop/t/24/assets/component-inspiration-video-modal.css.map */