.media-thumbnail{--media-thumbnail-ring-width: 2px;--media-thumbnail-ring-gap: var(--space-x0-5);--media-thumbnail-badge-size: var(--space-x6);--media-thumbnail-icon-size: var(--space-x3);--media-thumbnail-remove-circle: var(--space-x5);--media-thumbnail-remove-stroke: 2px;--media-thumbnail-remove-offset: var(--space-x2);--media-thumbnail-remove-size: calc( var(--media-thumbnail-remove-circle) + var(--media-thumbnail-remove-stroke) * 2 );--media-thumbnail-remove-inset: calc( ( var(--media-thumbnail-remove-offset) + var(--media-thumbnail-remove-stroke) ) * -1 );--media-thumbnail-hit-size: var(--space-x11);--media-thumbnail-disabled-opacity: .4;position:relative;display:block;flex:none;inline-size:var(--media-thumbnail-size, calc(var(--space-x10) * 2));block-size:var(--media-thumbnail-size, calc(var(--space-x10) * 2));aspect-ratio:1}.media-thumbnail--fill{flex:0 1 auto;align-self:start;inline-size:100%;block-size:auto}.media-thumbnail__tile{position:absolute;top:0;right:0;bottom:0;left:0;display:block;margin:0;padding:0;border:0;border-radius:var(--radius-x1);background:var(--bg-media);color:inherit;font:inherit;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}.media-thumbnail--preview>.media-thumbnail__tile{cursor:pointer}.media-thumbnail--upload>.media-thumbnail__tile{cursor:default}.media-thumbnail__image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;inline-size:100%;block-size:100%;object-fit:cover;border-radius:inherit}.media-thumbnail__tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--media-thumbnail-overlay, transparent);pointer-events:none}.media-thumbnail__badge{position:absolute;inset:50% auto auto 50%;display:flex;align-items:center;justify-content:center;inline-size:var(--media-thumbnail-badge-size);block-size:var(--media-thumbnail-badge-size);border-radius:var(--radius-circle);background:var(--bg-primary);color:var(--icon-primary);translate:-50% -50%}.media-thumbnail__badge-icon,.media-thumbnail__remove-icon{flex:none;inline-size:var(--media-thumbnail-icon-size);block-size:var(--media-thumbnail-icon-size)}.media-thumbnail__remove{position:absolute;z-index:1;inset-block-start:var(--media-thumbnail-remove-inset);inset-inline-end:var(--media-thumbnail-remove-inset);display:flex;align-items:center;justify-content:center;inline-size:var(--media-thumbnail-remove-size);block-size:var(--media-thumbnail-remove-size);margin:0;padding:0;border:var(--media-thumbnail-remove-stroke) solid var(--bg-primary);border-radius:var(--radius-circle);background:var(--bg-secondary);color:var(--control-content-primary);cursor:pointer;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}.media-thumbnail__remove:after{content:"";position:absolute;inset-block-start:calc(var(--media-thumbnail-remove-stroke) * -1);inset-inline-end:calc(var(--media-thumbnail-remove-stroke) * -1);inline-size:var(--media-thumbnail-hit-size);block-size:var(--media-thumbnail-hit-size)}.media-thumbnail--preview>.media-thumbnail__tile:before{content:"";position:absolute;inset:calc((var(--media-thumbnail-ring-gap) + var(--media-thumbnail-ring-width)) * -1);border:var(--media-thumbnail-ring-width) var(--media-thumbnail-ring-style, none) var(--control-border-focus);border-radius:var(--radius-x2);pointer-events:none}.media-thumbnail__remove:before{content:"";position:absolute;inset:calc((var(--media-thumbnail-remove-stroke) + var(--media-thumbnail-ring-gap) + var(--media-thumbnail-ring-width)) * -1);border:var(--media-thumbnail-ring-width) var(--media-thumbnail-ring-style, none) var(--control-border-focus);border-radius:var(--radius-circle);pointer-events:none}@media(hover:hover){.media-thumbnail:has(:enabled):hover{--media-thumbnail-overlay: var(--bg-overlay-modal)}}.media-thumbnail:has(:enabled:active){--media-thumbnail-overlay: var(--bg-overlay-modal)}.media-thumbnail__tile:disabled{cursor:not-allowed;opacity:var(--media-thumbnail-disabled-opacity)}.media-thumbnail__remove:disabled{color:var(--control-content-disabled);cursor:not-allowed}.media-thumbnail[aria-busy=true] :is(.media-thumbnail__tile,.media-thumbnail__remove){cursor:progress}.media-thumbnail__tile:focus-visible,.media-thumbnail__remove:focus-visible{--media-thumbnail-ring-style: solid;outline:none}@media(prefers-reduced-motion:no-preference){.media-thumbnail__tile:after{transition:background-color .15s ease}}@media(forced-colors:active){.media-thumbnail--preview>.media-thumbnail__tile:before,.media-thumbnail__remove:before{border-color:Highlight}}
/*# sourceMappingURL=/cdn/shop/t/296/assets/rebirth-media-thumbnail.css.map */