.frame-measurements{margin:0;border-bottom:.1rem solid rgba(var(--color-foreground),.08)}.frame-measurements details{margin:0}.frame-measurements summary{display:flex;align-items:center;justify-content:space-between;padding:1.4rem 0;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.frame-measurements summary::-webkit-details-marker{display:none}.frame-measurements__title{display:flex;align-items:center;gap:.8rem;font-size:1.4rem;font-weight:600;color:rgb(var(--color-foreground))}.frame-measurements__title .svg-wrapper{color:rgba(var(--color-foreground),.5);display:flex}.frame-measurements__chevron{transition:transform var(--duration-short) ease;color:rgba(var(--color-foreground),.4);display:flex}.frame-measurements details[open] .frame-measurements__chevron{transform:rotate(180deg)}.frame-measurements__content{padding:0 0 1.6rem}.frame-measurements__diagram{margin-bottom:1.6rem}.frame-measurements__svg{width:100%;max-width:32rem;height:auto;color:rgba(var(--color-foreground),.35);display:block;margin:0 auto}.frame-measurements__values{display:flex;gap:1.6rem;flex-wrap:wrap}.frame-measurements__item{display:flex;flex-direction:column;gap:.2rem;flex:1;min-width:8rem;padding:1rem 1.2rem;background:rgba(var(--color-foreground),.03);border-radius:.8rem}.frame-measurements__label{font-size:1.1rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:rgba(var(--color-foreground),.5)}.frame-measurements__value{font-size:1.5rem;font-weight:600;color:rgb(var(--color-foreground))}.frame-measurements__summary{margin:1.2rem 0 0;font-size:1.3rem;color:rgba(var(--color-foreground),.6)}.frame-shape-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;background:rgba(var(--color-foreground),.04);border:.1rem solid rgba(var(--color-foreground),.1);border-radius:2rem;font-size:1.2rem;font-weight:600;color:rgba(var(--color-foreground),.7);text-transform:uppercase;letter-spacing:.04em}.frame-shape-badge__icon{display:flex;color:rgb(var(--color-button))}.frame-shape-badge__label{line-height:1}@media screen and (max-width:749px){.frame-measurements__values{gap:.8rem}.frame-measurements__item{min-width:7rem}}[dir=rtl] .frame-measurements__chevron{margin-left:0;margin-right:auto}
/*# sourceMappingURL=/cdn/shop/t/40/assets/component-frame-measurements.css.map */