.size-guide-landing{padding-top:var(--section-padding-top, 36px);padding-bottom:var(--section-padding-bottom, 36px)}.size-guide-landing__inner{max-width:92.8rem;margin:0 auto}.size-guide-landing__heading{text-align:center;margin-bottom:1.6rem;color:rgb(var(--color-foreground))}.size-guide-landing__description{text-align:center;margin-bottom:4rem;color:rgb(var(--color-foreground));font-size:1.6rem}.size-guide-landing__description p{margin:0}.size-guide-tabs{display:flex;justify-content:center;gap:0;margin-bottom:-1.5rem;z-index:1;width:calc(100% - 16rem);margin-left:auto;margin-right:auto}@media(max-width:750px){.size-guide-tabs{width:calc(100% - 7rem);margin-bottom:-.8275rem}}.size-guide-tab{width:calc(100% - 1rem);border-radius:8px 8px 0 0;border:1px solid var(--neutral-400);border-bottom:none;background:var(--neutral-100);margin-right:1rem;padding:1.6rem 4rem;font-size:1.6rem;font-weight:600;color:rgba(var(--color-foreground),.7);cursor:pointer;position:relative;font-family:Avenir55Roman,Arial,Helvetica,sans-serif}@media(max-width:750px){.size-guide-tab{padding:1.2rem 2rem;font-size:1.4rem;flex:1}}.size-guide-tab:last-child{margin-right:0}.size-guide-tab:hover{background:rgba(var(--color-background),1)}.size-guide-tab.active{background:var(--neutral-800);color:rgb(var(--color-background))}.size-guide-category{display:none;background:var(--neutral-100)}.size-guide-category.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.size-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4rem;padding:6rem;position:relative}@media(max-width:990px){.size-guide-grid{grid-template-columns:repeat(2,1fr);gap:3rem;padding:5rem}}@media(max-width:750px){.size-guide-grid{gap:2rem;padding:3rem}}@media(max-width:550px){.size-guide-grid{gap:2rem;padding:3rem}}.size-guide-grid .decoFrame,.size-guide-grid .decoFrame div{border-color:var(--neutral-400)}.size-guide-grid .decoFrame div:after{background:var(--neutral-400)}@media screen and (max-width:750px){.size-guide-grid .decoFrame{width:calc(100% - 16px);height:calc(100% - 16px);margin:8px}.size-guide-grid .decoFrame div{width:11.5px;height:11.5px}.size-guide-grid .decoFrame div:after{width:2.5px;height:2.5px}}.size-guide-card{display:block;text-decoration:none}.size-guide-card__button{width:100%;aspect-ratio:3/4;background:var(--color-gold);border-color:var(--color-gold);border:none;border-radius:0;padding:3rem 2rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.15rem;position:relative;overflow:visible;color:#fff}.size-guide-card__button .decoFrame,.size-guide-card__button .decoFrame div{border-color:#fff}.size-guide-card__button .decoFrame div:after{background:#fff}@media(max-width:750px){.size-guide-card__button{padding:2rem 1.5rem;gap:1.5rem}}.size-guide-card__button .size-guide-card__icon svg,.size-guide-card__button .size-guide-card__icon .size-guide-icon{color:var(--color-gold)}.size-guide-card__button .size-guide-card__icon svg path,.size-guide-card__button .size-guide-card__icon svg circle,.size-guide-card__button .size-guide-card__icon svg rect,.size-guide-card__button .size-guide-card__icon svg polygon,.size-guide-card__button .size-guide-card__icon svg polyline,.size-guide-card__button .size-guide-card__icon svg line,.size-guide-card__button .size-guide-card__icon svg ellipse,.size-guide-card__button .size-guide-card__icon .size-guide-icon path,.size-guide-card__button .size-guide-card__icon .size-guide-icon circle,.size-guide-card__button .size-guide-card__icon .size-guide-icon rect,.size-guide-card__button .size-guide-card__icon .size-guide-icon polygon,.size-guide-card__button .size-guide-card__icon .size-guide-icon polyline,.size-guide-card__button .size-guide-card__icon .size-guide-icon line,.size-guide-card__button .size-guide-card__icon .size-guide-icon ellipse{stroke:var(--color-gold);stroke-width:.5px}.size-guide-card__button:hover{background:#000;border-color:#000;box-shadow:0 4px 8px #00000026}.size-guide-card__button:hover .decoFrame,.size-guide-card__button:hover .decoFrame div{border-color:#fff}.size-guide-card__button:hover .decoFrame div:after{background:#fff}.size-guide-card__button:hover .size-guide-card__title{color:#fff}.size-guide-card__button:hover .size-guide-card__icon svg,.size-guide-card__button:hover .size-guide-card__icon .size-guide-icon{color:#000}.size-guide-card__button:hover .size-guide-card__icon svg path,.size-guide-card__button:hover .size-guide-card__icon svg circle,.size-guide-card__button:hover .size-guide-card__icon svg rect,.size-guide-card__button:hover .size-guide-card__icon svg polygon,.size-guide-card__button:hover .size-guide-card__icon svg polyline,.size-guide-card__button:hover .size-guide-card__icon svg line,.size-guide-card__button:hover .size-guide-card__icon svg ellipse,.size-guide-card__button:hover .size-guide-card__icon .size-guide-icon path,.size-guide-card__button:hover .size-guide-card__icon .size-guide-icon circle,.size-guide-card__button:hover .size-guide-card__icon .size-guide-icon rect,.size-guide-card__button:hover .size-guide-card__icon .size-guide-icon polygon,.size-guide-card__button:hover .size-guide-card__icon .size-guide-icon polyline,.size-guide-card__button:hover .size-guide-card__icon .size-guide-icon line,.size-guide-card__button:hover .size-guide-card__icon .size-guide-icon ellipse{stroke:#000;stroke-width:.5px}.size-guide-card__icon{width:100%;max-width:152px;max-height:152px;height:auto;flex:1;display:flex;align-items:center;justify-content:center}@media(max-width:990px){.size-guide-card__icon{max-width:80%;max-height:80%}}@media(max-width:750px){.size-guide-card__icon{max-width:152px}}@media(max-width:550px){.size-guide-card__icon{max-width:96px;max-height:96px}}.size-guide-card__icon svg,.size-guide-card__icon .size-guide-icon{width:100%;height:100%;display:block;color:var(--neutral-800)}.size-guide-card__title{font-size:1.6rem;font-weight:800;color:#fff;text-align:center;font-family:Avenir55Roman,Arial,Helvetica,sans-serif}@media(max-width:750px){.size-guide-card__title{font-size:1.3rem}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-size-guide-landing.css.map */