.at-material-film{margin-top:8px}.at-material-film__trigger{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 0;color:inherit;font:500 14px/1.4 Albert Sans,sans-serif;text-decoration:none}.at-material-film__trigger span{text-decoration:underline;text-underline-offset:5px}.at-material-film__trigger:hover span{text-decoration-thickness:2px}.at-material-film__trigger svg{flex:none}html:has(.at-material-film__dialog[open]){overflow:hidden}dialog.at-material-film__dialog{position:fixed;top:0;right:0;bottom:0;left:0;box-sizing:border-box;width:min(430px,calc(100vw - 32px));max-width:none;height:fit-content;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:0;border:0;border-radius:0;background:#fff;color:#171715;box-shadow:0 12px 70px #0003;overflow:auto;overscroll-behavior:contain;font-family:Albert Sans,sans-serif}dialog.at-material-film__dialog:not([open]){display:none}.at-material-film__dialog::backdrop{background:#17171599}.at-material-film__header{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:60px;padding:8px 8px 8px 20px}.at-material-film__header h3{margin:0;font:500 16px/1.4 Albert Sans,sans-serif;letter-spacing:0;text-transform:none;text-align:left;color:#171715}.at-material-film__close{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:0;border-radius:0;background:#fff;color:#171715;cursor:pointer}.at-material-film__close:hover{background:#f5f5f5}.at-material-film__video{display:block;width:100%;height:min(70vh,680px);height:min(70dvh,680px);object-fit:contain;background:#151515}.at-material-film__trigger:focus-visible,.at-material-film__dialog :focus-visible{outline:2px solid currentColor;outline-offset:4px}.at-material-film__video:focus-visible{outline-color:#fff;outline-offset:-4px}@media(max-width:600px){dialog.at-material-film__dialog{width:min(390px,calc(100vw - 24px));max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}.at-material-film__header{padding-left:16px}.at-material-film__video{height:min(70vh,533px);height:min(70dvh,533px)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/atelier-material-film.css.map */