.size-guide-modal.modal{box-sizing:border-box;opacity:0;position:fixed;visibility:hidden;z-index:-1;margin:0 auto;top:0;left:0;width:100%;background:rgba(var(--color-foreground),.2);height:100%}.size-guide-modal.modal.from-right{transform:translate(100%);transition:transform .5s cubic-bezier(.32,.72,0,1),opacity .5s ease-in .5s,visibility 0s linear .35s allow-discrete,z-index 0s linear .35s allow-discrete}.size-guide-modal.modal[open]{opacity:1;visibility:visible;z-index:101}.size-guide-modal.modal[open].from-right{transform:translate(0);transition:transform .35s cubic-bezier(.32,.72,0,1),opacity 0s linear}.size-guide-modal .modal__dialog{display:flex;align-items:center;height:90vh;height:100dvh;position:relative}.size-guide-modal .modal__dialog>*{cursor:auto}.size-guide-modal .modal__content{margin:0 auto auto;background-color:rgb(var(--color-background));overflow-x:hidden;overflow-y:auto;max-height:100%;max-width:var(--page-width);width:calc(100% - 2rem);position:relative;display:block;padding:0 1rem}.size-guide-modal .modal__header{position:sticky;top:0;background-color:rgb(var(--color-background));z-index:1}.size-guide-modal .modal__footer{position:sticky;max-width:var(--page-width);display:flex;justify-content:center;background-color:rgb(var(--color-background));padding-top:.4rem;bottom:.4rem;margin:0 -2rem}.size-guide-modal .modal__footer:before{content:"";width:100%;height:calc(100% + 2rem);position:absolute;background-color:rgb(var(--color-background));display:block}@media screen and (min-width:1200px){.size-guide-modal .modal__content{width:80%;overflow-y:auto}.size-guide-modal .modal .modal__toggle{top:2rem;right:2rem}}.size-guide-modal .modal__toggle{list-style-type:none;background-color:rgb(var(--color-background));border:none;color:rgba(var(--color-foreground));display:flex;align-items:center;justify-content:center;cursor:pointer;padding:1.2rem;z-index:5;width:4rem;height:4rem;position:sticky;top:0;right:0;margin-left:auto}.size-guide-modal .modal__toggle svg{width:4rem;height:4rem;stroke:rgba(var(--color-foreground));stroke-width:1.5px}.size-guide-modal .modal__header{padding:1.6rem .8rem;display:flex;align-items:center}.size-guide-modal .modal__header h1{margin-bottom:0;margin-top:0}.size-guide-modal .modal__content{width:clamp(350px,100%,800px);max-width:calc(100% - 3rem);border:none}.size-guide-modal .size-guide-content{padding:.8rem}.size-guide-modal .size-guide-content .weight-tabs{border:1px solid #201F1D1A;border-radius:999px;padding:4px;width:max-content}.size-guide-modal .size-guide-content .weight-tab{border:none;background:none;border-radius:999px;padding:15px 35px;font-weight:600;font-size:14px;cursor:pointer}.size-guide-modal .size-guide-content .weight-tab.active{background-color:#f2b136}.size-guide-modal .size-guide-content .weight-tab+.weight-tab{margin-left:-1rem}.size-guide-modal .size-guide-content .weight-table{text-align:left;display:table;border-spacing:0px;width:100%;margin-bottom:1.6rem;padding:16px 24px;border-radius:10px;margin-top:1rem}.size-guide-modal .size-guide-content .weight-table th,.size-guide-modal .size-guide-content .weight-table td{padding:1.65rem 0;vertical-align:top;border-top:0;border-left:0;width:50%}.size-guide-modal .size-guide-content .weight-table th{padding-top:0}.size-guide-modal .size-guide-content .weight-table tr{position:relative}.size-guide-modal .size-guide-content .weight-table tbody tr:after{content:"";width:100%;border:1px solid #201F1D1A;display:block;position:absolute;left:0}.size-guide-modal .size-guide-content .weight-table-extra{display:grid;grid-template-areas:"img title" "img desc";grid-template-columns:1fr 2fr;grid-template-rows:1.6rem auto;grid-gap:1.6rem;margin-top:4rem;margin-bottom:4rem}.size-guide-modal .size-guide-content .weight-table-extra img{max-width:100%;grid-area:img}.size-guide-modal .size-guide-content .weight-table-extra h3{grid-area:title;margin:0}.size-guide-modal .size-guide-content .weight-table-extra .rte{grid-area:desc;line-height:1.2}.size-guide-modal .modal__toggle{position:relative;top:unset;right:unset}.size-guide-button.link{padding:0;border:0;background:none;text-decoration:underline;font-size:1.4rem;cursor:pointer}#size-guide-button-wrapper:has(+variant-selects){margin-bottom:-3.6rem;display:block;text-align:right;padding-right:1rem}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-size-guide-modal.css.map */