.size-info-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-left:.5rem;padding:0;background:rgba(var(--color-foreground),.06);border:1.5px solid rgba(var(--color-foreground),.12);border-radius:6px;cursor:pointer;color:rgba(var(--color-foreground),.7);transition:all .25s cubic-bezier(.4,0,.2,1);vertical-align:middle}.size-info-icon:hover{background:rgba(var(--color-foreground),.1);border-color:rgba(var(--color-foreground),.25);color:rgba(var(--color-foreground),1);transform:translateY(-1px)}.size-info-icon svg{width:12px;height:12px}.size-info-popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:none;align-items:center;justify-content:center;opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1);padding:1rem}.size-info-popup.active{display:flex;opacity:1}.size-info-popup__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.size-info-popup__content{position:relative;width:100%;max-width:650px;max-height:90vh;background:rgb(var(--color-background));border-radius:20px;border:2px solid rgba(212,116,95,.3);padding:0;overflow:hidden;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #d4745f26;transform:scale(.95);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1;animation:slideUp .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}@keyframes slideUp{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.size-info-popup.active .size-info-popup__content{transform:scale(1)}.size-info-popup__close{position:absolute;top:1.25rem;right:1.25rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:rgba(var(--color-foreground),.06);border:none;border-radius:10px;cursor:pointer;color:rgba(var(--color-foreground),.6);transition:all .2s ease;z-index:2}.size-info-popup__close:hover{background:rgba(var(--color-foreground),.12);color:rgba(var(--color-foreground),1);transform:rotate(90deg)}.size-info-popup__close svg{width:18px;height:18px}.size-info-popup__header{padding:2.5rem 2rem 1.5rem;text-align:center;background:linear-gradient(to bottom,rgba(var(--color-foreground),.02),transparent);border-bottom:1px solid rgba(var(--color-foreground),.06)}.size-info-popup__title{font-size:1.75rem;font-weight:700;line-height:1.2;margin:0 0 .5rem;color:rgb(var(--color-foreground));letter-spacing:-.02em}.size-info-popup__subtitle{font-size:.95rem;color:rgba(var(--color-foreground),.6);margin:0;font-weight:400}.size-info-popup__categories{padding:2rem;overflow-y:auto;flex:1}.size-info-category__badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(var(--color-foreground),.06);border-radius:100px;margin-bottom:1.5rem;font-size:.875rem;font-weight:600;color:rgb(var(--color-foreground));letter-spacing:.02em}.size-info-category__badge svg{width:16px;height:16px;opacity:.7}.size-info-category__preview{position:relative;border-radius:16px;overflow:hidden;margin-bottom:2rem;box-shadow:0 10px 30px -10px #0003}.size-info-category__preview img{width:100%;height:auto;display:block}.size-info-category__preview-label{position:absolute;bottom:1rem;left:1rem;padding:.5rem 1rem;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:.75rem;font-weight:600;border-radius:8px;text-transform:uppercase;letter-spacing:.05em}.size-info-category__sizes{margin-top:2rem}.size-info-category__sizes-title{font-size:1.125rem;font-weight:700;margin:0 0 1.25rem;color:rgb(var(--color-foreground));letter-spacing:-.01em}.size-info-sizes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.size-info-size{background:rgba(var(--color-foreground),.03);border:1.5px solid rgba(var(--color-foreground),.08);border-radius:12px;padding:1.25rem 1rem;text-align:center;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:default}.size-info-size:hover{background:rgba(var(--color-foreground),.06);border-color:rgba(var(--color-foreground),.15);transform:translateY(-2px);box-shadow:0 8px 20px -8px #00000026}.size-info-size__primary{font-size:1.125rem;font-weight:700;color:rgb(var(--color-foreground));margin-bottom:.375rem;letter-spacing:-.01em}.size-info-size__secondary{font-size:.875rem;color:rgba(var(--color-foreground),.6);margin-bottom:.625rem}.size-info-size__label{display:inline-block;padding:.25rem .75rem;background:rgba(var(--color-foreground),.08);border-radius:6px;font-size:.75rem;font-weight:600;color:rgba(var(--color-foreground),.7);text-transform:uppercase;letter-spacing:.05em}.size-info-popup__footer{padding:1.25rem 2rem;background:rgba(var(--color-foreground),.02);border-top:1px solid rgba(var(--color-foreground),.06)}.size-info-popup__note{display:flex;align-items:center;gap:.5rem;margin:0;font-size:.8125rem;color:rgba(var(--color-foreground),.6);line-height:1.5}.size-info-popup__note svg{flex-shrink:0;opacity:.5}.size-info-popup__categories::-webkit-scrollbar{width:8px}.size-info-popup__categories::-webkit-scrollbar-track{background:rgba(var(--color-foreground),.03);border-radius:10px}.size-info-popup__categories::-webkit-scrollbar-thumb{background:rgba(var(--color-foreground),.15);border-radius:10px}.size-info-popup__categories::-webkit-scrollbar-thumb:hover{background:rgba(var(--color-foreground),.25)}@media screen and (max-width: 749px){.size-info-popup__content{max-width:100%;max-height:95vh;border-radius:20px 20px 0 0;margin-top:auto}.size-info-popup__header{padding:2rem 1.5rem 1.25rem}.size-info-popup__title{font-size:1.5rem}.size-info-popup__subtitle{font-size:.875rem}.size-info-popup__categories{padding:1.5rem}.size-info-sizes-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.size-info-size{padding:1rem .75rem}.size-info-size__primary{font-size:1rem}.size-info-size__secondary{font-size:.8125rem}.size-info-popup__footer{padding:1rem 1.5rem}.size-info-popup__note{font-size:.75rem}}@media screen and (min-width: 750px) and (max-width: 989px){.size-info-popup__content{max-width:600px}.size-info-sizes-grid{grid-template-columns:repeat(2,1fr)}}.size-info-popup__close:focus,.size-info-icon:focus{outline:2px solid rgba(var(--color-foreground),.5);outline-offset:2px}body.size-info-popup-open{overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-size-info-popup.css.map */