.size-guide-trigger{display:inline-flex;align-items:center;gap:.4rem;margin-left:auto;padding:0;background:none;border:none;cursor:pointer;font-family:inherit;font-size:1.2rem;font-weight:600;color:rgb(var(--color-foreground));text-decoration:underline;text-underline-offset:.3rem;text-decoration-thickness:1px;transition:opacity .2s ease;white-space:nowrap;line-height:1}.size-guide-trigger:hover{opacity:.65}.size-guide-trigger__icon{width:1.4rem;height:1.4rem;fill:currentColor;flex-shrink:0}.size-guide-trigger__text{text-decoration:underline;text-underline-offset:.3rem;text-decoration-thickness:1px}.size-guide-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.size-guide-modal[hidden]{display:none}.size-guide-modal.is-open{opacity:1;visibility:visible}.size-guide-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;cursor:pointer}.size-guide-modal__panel{position:relative;z-index:1;background:rgb(var(--color-background));color:rgb(var(--color-foreground));width:90vw;max-width:680px;max-height:85vh;display:flex;flex-direction:column;border-radius:0;box-shadow:0 2.5rem 5rem #00000026;transform:translateY(1.5rem);transition:transform .3s ease}.size-guide-modal.is-open .size-guide-modal__panel{transform:translateY(0)}.size-guide-modal__header{display:flex;align-items:center;justify-content:space-between;padding:2rem 2.4rem;border-bottom:1px solid rgba(var(--color-foreground),.08);flex-shrink:0}.size-guide-modal__title{font-size:1.6rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin:0}.size-guide-modal__close{display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;padding:0;background:none;border:none;cursor:pointer;color:rgb(var(--color-foreground));transition:opacity .2s ease;border-radius:0}.size-guide-modal__close:hover{opacity:.6}.size-guide-modal__body{padding:2.4rem;overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1}.size-guide-modal__body table{width:100%;border-collapse:collapse;font-size:1.3rem}.size-guide-modal__body th,.size-guide-modal__body td{padding:1rem 1.2rem;text-align:center;border:1px solid rgba(var(--color-foreground),.1)}.size-guide-modal__body th{font-weight:600;background:rgba(var(--color-foreground),.04);text-transform:uppercase;font-size:1.1rem;letter-spacing:.06em}.size-guide-modal__body tr:nth-child(2n) td{background:rgba(var(--color-foreground),.02)}.size-guide-modal__body img{max-width:100%;height:auto}.size-guide-modal__body h1,.size-guide-modal__body h2,.size-guide-modal__body h3,.size-guide-modal__body h4,.size-guide-modal__body h5,.size-guide-modal__body h6{margin-top:1.6rem;margin-bottom:.8rem}.size-guide-modal__body h1:first-child,.size-guide-modal__body h2:first-child,.size-guide-modal__body h3:first-child{margin-top:0}.size-guide-modal__body p{margin-bottom:1.2rem}.form__label--with-size-guide{display:block;width:100%}.form__label--with-size-guide .size-guide-trigger{float:right;margin-left:0;margin-top:2px}@media screen and (max-width:749px){.size-guide-modal__panel{width:100vw;max-width:100%;max-height:90vh;margin:0;border-radius:0;align-self:flex-end}.size-guide-modal{align-items:flex-end}.size-guide-modal__panel{transform:translateY(100%)}.size-guide-modal.is-open .size-guide-modal__panel{transform:translateY(0)}.size-guide-modal__body table{font-size:1.2rem}.size-guide-modal__body th,.size-guide-modal__body td{padding:.7rem .6rem}.size-guide-trigger{font-size:1.1rem}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/component-size-guide.css.map */
