.size-guide-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;opacity:0;transition:opacity .3s ease;align-items:center;justify-content:center;font-family:var(--font-body-family)}.size-guide-modal.active{display:flex;opacity:1}.size-guide-modal__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.size-guide-modal__content{position:relative;background:rgb(var(--color-background));width:90%;max-width:600px;max-height:85vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;transform:scale(.9);transition:transform .3s cubic-bezier(.34,1.56,.64,1);z-index:1}.size-guide-modal.active .size-guide-modal__content{transform:scale(1)}.size-guide-modal__close{position:absolute;top:16px;right:16px;background:transparent;border:none;cursor:pointer;padding:8px;color:rgb(var(--color-foreground));z-index:10;border-radius:50%;transition:background-color .2s ease}.size-guide-modal__close:hover{background:rgba(var(--color-foreground),.1)}.size-guide-modal__inner{padding:24px;overflow-y:auto;max-height:calc(85vh - 48px)}.size-guide-modal__diagram{margin-bottom:24px;text-align:center}.size-guide-modal__diagram img{max-width:100%;height:auto;border-radius:4px}.size-guide-modal__unit-toggle{display:inline-flex;align-items:center;background:transparent;padding:8px;margin-bottom:24px;border:1px solid rgba(var(--color-foreground),.2);border-radius:4px}.unit-toggle__button{background:transparent;border:none;padding:4px 8px;font-size:1.4rem;font-weight:500;cursor:pointer;color:rgba(var(--color-foreground),.6);transition:all .2s ease;border-radius:2px;font-family:var(--font-body-family);height:auto;line-height:1}.unit-toggle__button.active{background:transparent;color:rgb(var(--color-foreground));font-weight:600;box-shadow:none}.unit-toggle__divider{width:1px;height:12px;background:rgba(var(--color-foreground),.2);margin:0 4px}.size-guide-modal__table-container{overflow-x:auto;margin-bottom:24px}.size-guide-table{width:100%;border-collapse:collapse;font-size:1.4rem}.size-guide-table th{background:transparent;padding:12px 4px;text-align:center;font-weight:400;color:rgb(var(--color-foreground));border:1px solid #E8E8E8;min-width:45px;line-height:1.2;word-break:break-word}.size-guide-table td{padding:12px 4px;text-align:center;vertical-align:middle;border:1px solid #E8E8E8;color:rgb(var(--color-foreground));min-width:45px}.size-guide-table .size-cell{font-weight:400;text-align:left;padding-left:12px}@media screen and (min-width:900px){.size-guide-table .size-cell{padding-left:16px}}.size-guide-table tbody tr:hover{background:rgba(var(--color-foreground),.02)}.size-guide-modal__measurements{display:grid;gap:24px 40px}.measurement-item{display:flex;flex-direction:column;gap:8px}.measurement-item__header{display:flex;align-items:center;gap:12px}.measurement-item__icon{flex-shrink:0;width:auto;height:auto;display:flex;align-items:center;justify-content:center;background:transparent;color:rgb(var(--color-foreground))}.measurement-item__icon svg{width:20px;height:20px}.measurement-item__content{padding-left:0}.measurement-item__title{font-size:1.4rem;font-weight:400;margin:0;color:rgba(var(--color-foreground),.6);line-height:1}.measurement-item__description{font-size:1.4rem;margin:0;color:rgb(var(--color-foreground));line-height:1.5}.product__size-guide{margin:1.5rem 0}.size-guide-trigger{padding:0;display:inline-flex;align-items:center;gap:8px;font-size:1.4rem;text-decoration:underline;text-underline-offset:.3rem;cursor:pointer;color:rgb(var(--color-foreground));transition:opacity .2s ease;font-family:var(--font-body-family)}.size-guide-trigger:hover{opacity:.7}@media screen and (min-width:900px){.size-guide-modal__content{max-width:1200px}.size-guide-modal__inner{padding:40px;display:flex;gap:40px;align-items:flex-start}.size-guide-modal__diagram{flex:0 0 45%;max-width:45%;margin-bottom:0;text-align:left;display:flex;align-items:center;justify-content:center}.size-guide-modal__details{flex:1;min-width:0}.size-guide-modal__diagram img{max-width:100%}.size-guide-modal__measurements{grid-template-columns:repeat(2,1fr)}.size-guide-table{font-size:1.5rem}.size-guide-table th,.size-guide-table td{padding:16px;min-width:100px}.size-guide-modal__table-container{overflow-x:visible;width:100%}}body.size-guide-modal-open{overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/9/assets/size-guide-popup.css.map */