.collection-frame-upload{margin-bottom:1.5rem}.collection-frame-upload__label{display:block;font-weight:600;font-size:1.4rem;margin-bottom:.5rem;color:rgb(var(--color-foreground))}.collection-frame-upload__prompt{display:flex;align-items:center;gap:.75rem}.collection-frame-upload__upload-btn{display:inline-flex;align-items:center;gap:.5rem}.collection-frame-upload__hint{font-size:1.1rem;color:rgba(var(--color-foreground),.5)}.collection-frame-upload__preview{display:flex;align-items:center;gap:.75rem}.collection-frame-upload__thumb-container{position:relative;flex-shrink:0}.collection-frame-upload__thumb{width:64px;height:64px;object-fit:cover;border-radius:4px;border:1px solid rgba(var(--color-foreground),.1)}.collection-frame-upload__remove{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;border:none;background:#333;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .15s ease}.collection-frame-upload__remove:hover{background:#000}.collection-frame-upload__filename{font-size:1.3rem;color:rgba(var(--color-foreground),.6);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-frame-upload__change-btn{cursor:pointer;font-size:1.3rem;font-weight:500;text-decoration:underline;text-underline-offset:2px;color:rgb(var(--color-foreground))}.collection-frame-upload__change-btn:hover{opacity:.7}.collection-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.collection-toolbar__colors{display:flex;align-items:center;gap:.375rem;flex-wrap:wrap}.collection-toolbar__color-tab{-webkit-appearance:none;appearance:none;border:1px solid rgba(var(--color-foreground),.15);background:transparent;padding:.3rem .75rem;border-radius:20px;font-size:1.2rem;font-family:inherit;cursor:pointer;color:rgba(var(--color-foreground),.7);transition:background .2s,color .2s,border-color .2s;line-height:1.3}.collection-toolbar__color-tab:hover{border-color:rgba(var(--color-foreground),.3);color:rgba(var(--color-foreground),.9)}.collection-toolbar__color-tab--active{background:rgba(var(--color-foreground),.9);color:rgb(var(--color-background));border-color:rgba(var(--color-foreground),.9)}.collection-toolbar__sort{margin-left:auto;flex-shrink:0}.collection-toolbar__sort-select{appearance:none;-webkit-appearance:none;background:transparent;border:1px solid rgba(var(--color-foreground),.15);border-radius:20px;padding:.3rem 2.2rem .3rem .75rem;font-size:1.2rem;cursor:pointer;color:rgba(var(--color-foreground),.7);font-family:inherit;line-height:1.3;transition:border-color .2s,color .2s;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .6rem center}.collection-toolbar__sort-select:hover{border-color:rgba(var(--color-foreground),.3);color:rgba(var(--color-foreground),.9)}.collection-toolbar__sort-select:focus-visible{outline:1px solid rgb(var(--color-foreground));outline-offset:2px}.grid__item--color-hidden{display:none!important}.cfu-svg-wrap{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:8%;background:#f5f5f3;position:relative}.cfu-svg-wrap svg{width:100%;height:100%;max-width:100%;max-height:100%}.has-frame-upload .media.media--hover-effect>picture{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;z-index:1;transition:opacity .3s ease}@media screen and (min-width:990px){.has-frame-upload .card:hover .media.media--hover-effect>picture{opacity:1;pointer-events:auto}}@media screen and (max-width:749px){.collection-frame-upload__thumb{width:48px;height:48px}.collection-toolbar{gap:.5rem}.cfu-svg-wrap{padding:5%}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/collection-frame-upload.css.map */