.media-library-section{--media-library-columns: 4;--media-library-gap: var(--gap-xl, 2rem);--media-library-card-radius: var(--style-border-radius-card, 0);--media-library-card-border: var(--style-border-width-card, 1px);--media-library-sticky-offset: 0;padding-block-start:var(--media-library-padding-top, 48px);padding-block-end:var(--media-library-padding-bottom, 48px);color:var(--color-foreground);display:flex}.media-library-section__inner{width:100%}.media-library__header{max-width:var(--normal-content-width, 800px);margin-inline:auto;margin-block-end:var(--margin-2xl, 3rem);text-align:var(--media-library-heading-alignment, center)}.media-library__header>*+*{margin-block-start:var(--margin-md, 1rem)}.media-library__heading{margin:0}.media-library__description{color:rgb(var(--color-foreground-rgb) / var(--opacity-70, .7))}.media-library{width:100%}.media-library__controls{position:sticky;inset-block-start:var(--media-library-sticky-offset);z-index:var(--layer-sticky, 20);display:flex;justify-content:space-between;align-items:center;gap:var(--gap-xl, 2rem);padding-block:var(--padding-lg, 1.5rem);background:var(--color-background);border-block-end:1px solid rgb(var(--color-foreground-rgb) / var(--opacity-10, .1))}.media-library__controls-left,.media-library__controls-right,.media-library__filters,.media-library__filter{display:flex;align-items:center}.media-library__controls-left{gap:var(--gap-lg, 1.5rem)}.media-library__controls-right{justify-content:flex-end}.media-library__filters{flex-wrap:wrap;gap:var(--gap-lg, 1.5rem) var(--gap-2xl, 3rem)}.media-library__filter{gap:var(--gap-sm, .75rem)}.media-library__filter label,.media-library__filter select,.media-library__selected{font:inherit;font-size:max(.875rem,calc(var(--font-paragraph--size) * .875))}.media-library__filter label{color:rgb(var(--color-foreground-rgb) / var(--opacity-70, .7))}.media-library__filter select{min-width:8rem;padding:.45rem 2rem .45rem 0;color:currentcolor;background-color:transparent;border:0;border-block-end:1px solid currentcolor;border-radius:0;box-shadow:none;cursor:pointer;width:100%}.media-library__filter select:focus-visible{outline-offset:.25rem;outline:0}.download-selected{min-height:auto}.download-selected .button__loading-indicator,.download-selected .button__text{pointer-events:none}.media-library__grid{display:grid;grid-template-columns:repeat(var(--media-library-columns-desktop, 4),minmax(0,1fr));gap:var(--media-library-gap);margin-block-start:var(--margin-xl, 2rem)}.media-card{position:relative;display:flex;flex-direction:column;min-width:0;color:var(--color-foreground);background:var(--color-background);border:var(--media-library-card-border) solid rgb(var(--color-foreground-rgb) / var(--opacity-10, .1));border-radius:var(--media-library-card-radius);overflow:clip;transition:transform var(--hover-transition-duration, .25s) var(--hover-transition-timing, ease-out),box-shadow var(--hover-transition-duration, .25s) var(--hover-transition-timing, ease-out)}.media-card.filtered{display:none}.media-card__preview{position:relative;aspect-ratio:1;margin:var(--padding-2xs, .25rem);overflow:hidden;background:rgb(var(--color-foreground-rgb) / var(--opacity-5, .05));border-radius:max(0px,calc(var(--media-library-card-radius) - var(--padding-2xs, .25rem)))}.media-card__preview img,.media-card__preview video,.media-card__preview .placeholder-svg{width:100%;height:100%;object-fit:cover;transition:transform var(--hover-transition-duration, .25s) var(--hover-transition-timing, ease-out),opacity var(--hover-transition-duration, .25s) var(--hover-transition-timing, ease-out)}.media-card__preview-button{position:absolute;inset-block-start:var(--padding-sm, .75rem);inset-inline-end:var(--padding-sm, .75rem);z-index:2;display:grid;place-items:center;width:2.75rem;height:2.75rem;padding:0;color:#fff;background:#00000085;border:0;border-radius:50%;cursor:pointer;opacity:0;translate:0 .25rem;transition:opacity var(--animation-speed, .2s) var(--animation-easing, ease),translate var(--animation-speed, .2s) var(--animation-easing, ease),background-color var(--animation-speed, .2s) var(--animation-easing, ease)}.media-card__preview-button:hover{background:#000000bf}.media-card__preview-button .svg-wrapper{width:1.5rem;height:1.5rem}.media-card__info{display:flex;flex:1;flex-direction:column;gap:.25rem;padding:var(--padding-2xs) var(--padding-sm) var(--padding-sm)}.media-card__meta{display:flex;flex-wrap:wrap;gap:.35rem 1rem;font-size:max(.75rem,calc(var(--font-paragraph--size) * .75));color:rgb(var(--color-foreground-rgb) / var(--opacity-60, .6));font-weight:800}.media-card__badge .badge{display:inline-flex;width:fit-content;padding:.35rem .65rem;color:var(--color-foreground);background:rgb(var(--color-foreground-rgb) / var(--opacity-10, .1));border-radius:var(--style-border-radius-badges, 999px);font-size:max(.75rem,calc(var(--font-paragraph--size) * .75));line-height:1.2}.media-card__select{position:absolute;inset-block-start:1rem;inset-inline-start:1rem;z-index:3}.media-card__select input[type=checkbox]{-webkit-appearance:none;appearance:none;display:grid;place-content:center;width:1.5rem;height:1.5rem;margin:0;background:#0000004d;border:1px solid #fff;border-radius:var(--style-border-radius-inputs, .25rem);cursor:pointer;transition:background-color var(--animation-speed, .2s) var(--animation-easing, ease),border-color var(--animation-speed, .2s) var(--animation-easing, ease)}.media-card__select input[type=checkbox]:before{content:"";width:.8rem;height:.8rem;background:#fff;clip-path:polygon(14% 44%,0 59%,40% 100%,100% 18%,84% 4%,39% 70%);transform:scale(0);transition:transform var(--animation-speed, .2s) var(--animation-easing, ease)}.media-card__select input[type=checkbox]:checked{background:var(--color-primary-button-background);border-color:var(--color-primary-button-background)}.media-card__select input[type=checkbox]:checked:before{transform:scale(1)}.media-library input.media-checkbox:checked:after{content:none;display:none;background:none;mask:none;-webkit-mask:none}.media-card__select label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.media-preview-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--layer-modal, 100);display:grid;place-items:center;padding:var(--padding-lg, 1.5rem);opacity:0;visibility:hidden;transition:opacity var(--animation-speed, .2s) var(--animation-easing, ease),visibility var(--animation-speed, .2s) var(--animation-easing, ease)}.media-preview-modal[aria-hidden=false]{opacity:1;visibility:visible}.media-preview-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:#000000e6}.media-preview-modal__content{position:relative;z-index:1;width:min(1200px,94vw);max-height:92dvh;padding:var(--padding-xl, 2rem);overflow:hidden;color:#fff;background:#00000026;border-radius:var(--style-border-radius-popover, 0)}.media-preview-modal__close{position:absolute;inset-block-start:0;inset-inline-end:0;z-index:2;display:grid;place-items:center;width:3rem;height:3rem;padding:0;color:#fff;background:transparent;border:0;cursor:pointer}.media-preview-modal__body{display:grid;place-items:center;width:100%;min-height:50vh;max-height:calc(92dvh - 4rem);overflow:auto;scrollbar-width:none}.media-preview-modal__body::-webkit-scrollbar{display:none}.media-preview-modal__loading{display:none;padding:var(--padding-xl, 2rem);text-align:center}.media-preview-modal__preview,.media-preview-modal__preview img,.media-preview-modal__preview iframe,.media-preview-modal__preview video{max-width:100%;max-height:calc(92dvh - 4rem)}.media-preview-modal__preview img,.media-preview-modal__preview video{width:auto;height:auto;object-fit:contain}.button__loading-indicator{display:inline-flex;align-items:center;gap:var(--gap-sm, .75rem)}.spinner{width:1rem;height:1rem;animation:media-library-spin 1s linear infinite}.spinner circle{stroke-dasharray:60;stroke-dashoffset:50;transform-origin:center}@keyframes media-library-spin{to{transform:rotate(1turn)}}.download-notification{position:fixed;inset-inline-end:var(--padding-lg, 1.5rem);inset-block-end:var(--padding-lg, 1.5rem);z-index:var(--layer-modal, 100);padding:var(--padding-md, 1rem) var(--padding-lg, 1.5rem);color:var(--color-foreground);background:var(--color-background);border:1px solid rgb(var(--color-foreground-rgb) / var(--opacity-10, .1));border-radius:var(--style-border-radius-popover, 0);box-shadow:var(--shadow-popover);opacity:0;translate:0 .75rem;transition:opacity var(--animation-speed, .2s) var(--animation-easing, ease),translate var(--animation-speed, .2s) var(--animation-easing, ease)}.download-notification.active{opacity:1;translate:0}@media(any-pointer:fine)and (prefers-reduced-motion:no-preference){.media-card:hover{transform:translateY(calc(-1 * var(--hover-lift-amount, 4px)))}.media-card:hover .media-card__preview img{transform:scale(var(--hover-subtle-zoom-amount, 1.015));opacity:.78}.media-card:hover .media-card__preview-button,.media-card__preview-button:focus-visible{opacity:1;translate:0}}@media screen and (max-width:989px){.media-library__grid{grid-template-columns:repeat(var(--media-library-columns-tablet, 2),minmax(0,1fr))}}@media screen and (max-width:749px){.media-library-section{--media-library-gap: var(--gap-lg, 1.5rem);--media-library-heading-alignment: var(--media-library-mobile-heading-alignment, center)}.media-library__grid{grid-template-columns:minmax(0,1fr)}.media-library__controls{position:static;align-items:stretch;flex-direction:column}.media-library__controls-left,.media-library__controls-right{width:100%}.media-library__controls-left{align-items:stretch;flex-direction:column-reverse}.media-library__controls-right{justify-content:flex-start}.media-library__filters{width:100%}.media-library__filter{flex:1 1 10rem}.download-selected{width:100%}}@media(prefers-reduced-motion:reduce){.media-card,.media-card__preview img,.media-card__preview-button,.media-preview-modal,.download-notification{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/media-library.css.map */