.dimensions{font-family:var(--font-body-family);color:var(--color-text, #232323)}.dimensions__list{display:flex;flex-wrap:wrap;gap:20px 28px;margin:0 0 14px}.dimensions__row{display:flex;flex-direction:column;gap:2px}.dimensions__label{margin:0;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text2, #767676)}.dimensions__value{margin:0;font-size:15px;font-weight:500;letter-spacing:.01em}.dimensions__actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:4px}.dimensions__btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border:1px solid currentColor;border-radius:999px;background:transparent;color:#1a1a1a;font-family:inherit;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;line-height:1;cursor:pointer;transition:background-color .25s ease,color .25s ease}.dimensions__btn .icon-ruler{width:13px;height:13px;fill:currentColor;flex-shrink:0;pointer-events:none}.dimensions__btn span{pointer-events:none}.dimensions__btn:hover,.dimensions__btn[aria-pressed=true]{background:#1a1a1a;color:#fff}.dimensions__btn:focus-visible,.dimensions__unit-btn:focus-visible,.dimensions__info-btn:focus-visible,.sthetix-dimensions-overlay__close:focus-visible{outline:2px solid #1a1a1a;outline-offset:2px}.dimensions__ruler-panel{margin-top:14px;padding-top:14px;border-top:1px solid var(--form-input-border, #e2e2e2)}.dimensions__ruler-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.dimensions__ruler-note{margin:0;font-size:11px;color:var(--color-text2, #767676);display:flex;align-items:center;gap:6px}.dimensions__info-btn{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;border:1px solid var(--color-text2, #767676);background:transparent;color:var(--color-text2, #767676);font-size:10px;line-height:1;cursor:pointer;padding:0;flex-shrink:0}.dimensions__unit-toggle{display:inline-flex;border:1px solid #1a1a1a;border-radius:999px;overflow:hidden;flex-shrink:0}.dimensions__unit-btn{padding:5px 14px;border:0;background:transparent;color:#1a1a1a;font-family:inherit;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.dimensions__unit-btn.is-active{background:#1a1a1a;color:#fff}.dimensions__ruler-track{position:relative;height:34px;min-width:120px;max-width:100%;overflow-x:auto;overflow-y:hidden}.dimensions__ruler-track svg{display:block;overflow:visible;width:auto;height:34px;max-width:none}.dimensions__calibration-note{margin:8px 0 0;font-size:10.5px;font-style:italic;color:var(--color-text2, #767676)}@media(prefers-reduced-motion:reduce){.dimensions__btn,.sthetix-dimensions-overlay{transition:none!important}}.sthetix-dimensions-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease}.sthetix-dimensions-overlay.is-visible{opacity:1;visibility:visible;pointer-events:auto}.sthetix-dimensions-overlay svg{width:100%;height:100%;display:block;filter:drop-shadow(0 0 1.5px #fff) drop-shadow(0 0 1.5px #fff) drop-shadow(0 0 1.5px #fff)}.sthetix-dimensions-overlay__close{position:absolute;top:10px;right:10px;z-index:2;display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:#ffffffeb;box-shadow:0 0 5px #00000040;cursor:pointer;pointer-events:auto}.sthetix-dimensions-overlay__close svg{width:14px;height:14px}.sthetix-dimensions-overlay__label{position:absolute;transform:translate(-50%,-50%);padding:3px 9px;background:#fffffff0;border:1px solid rgba(0,0,0,.12);border-radius:999px;font-family:var(--font-body-family);font-size:11px;font-weight:600;letter-spacing:.02em;color:#1a1a1a;white-space:nowrap;pointer-events:none}.sthetix-dimensions-overlay__tick-label{position:absolute;transform:translate(-50%,-50%);font-family:var(--font-body-family);font-size:9px;font-weight:700;color:#1a1a1a;text-shadow:0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff;pointer-events:none;line-height:1}.sthetix-ruler-tick{stroke:currentColor;stroke-width:1}.sthetix-ruler-tick--major{stroke-width:1.4}.sthetix-ruler-baseline{stroke:currentColor;stroke-width:1.4}.sthetix-ruler-label{font-family:var(--font-body-family);font-size:10px;fill:var(--color-text2, #767676)}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-product-dimensions.css.map */