color-controls-319{display:block;margin:28px 0}color-controls-319[hidden]{display:none}.color-319-ready [data-color-option=true]{display:none!important}.color-319__trigger{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;min-height:52px;padding:12px 0;border:0;background:transparent;color:inherit;font:inherit;font-size:14px;text-align:left;cursor:pointer}.color-319__trigger>span:last-child{white-space:nowrap}.color-319__single{padding:12px 0;font-size:14px}.color-319{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;color:#111;overflow:hidden}.color-319::backdrop{background:#ffffffc2}.color-319__panel{position:absolute;inset:0 0 0 auto;width:min(560px,92vw);height:100%;display:flex;flex-direction:column;background:#fff;box-shadow:-8px 0 40px #0001;transform:translate(100%)}.color-319.is-visible .color-319__panel{transform:translate(0)}.color-319__header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:25px 28px}.color-319__header h2{font-size:16px;margin:0}.color-319__header button{width:44px;height:44px;font:inherit;font-size:30px;border:0;background:none;color:inherit;cursor:pointer}.color-319__body{padding:12px 28px;flex:1;overflow-y:auto;overscroll-behavior:contain}.color-319__choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 12px}.color-319__choice button{width:100%;border:0;padding:0;background:none;color:inherit;font:inherit;font-size:12px;cursor:pointer}.color-319__picture{display:block;aspect-ratio:3/4;border:1px solid transparent;padding:5px}.color-319__picture img{width:100%;height:100%;object-fit:contain}.color-319__choice [aria-pressed=true] .color-319__picture{border-color:#111}.color-319__name{display:block;margin-top:10px;overflow-wrap:anywhere}.color-319__choice [aria-pressed=true] .color-319__name{text-decoration:underline;text-underline-offset:4px}.color-319__footer{padding:20px 28px max(20px,env(safe-area-inset-bottom))}.color-319__footer .button{background:#000;color:#fff;border-radius:0}.color-319__footer p:empty{display:none}body.overflow-hidden-319-color{overflow:hidden}.color-gallery-319 [id^=GalleryThumbnails],.color-gallery-319 .slider-buttons{display:none!important}.color-319__editor-note{font-size:12px}@media(max-width:749px){.color-319__choices{grid-template-columns:repeat(2,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/319-color-controls.css.map */
