.on-specs,.on-gallery{--on-pdp-text: #121212;--on-pdp-strong: #000;--on-pdp-line: #000;--on-pdp-info-bg: #e5e5e5;--on-pdp-modal-bg: #000;--on-pdp-modal-fg: #fff;--on-pdp-mono: "On Diatype Semi-Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", Menlo, Consolas, "Liberation Mono", monospace;--on-fs-l: min( calc(18.56px + .39vw) , 30px);--on-fs-m: min( calc(15.04px + .26vw) , 22px);--on-fs-xl: calc(34px - .223vw) ;box-sizing:border-box;color:var(--on-pdp-text);letter-spacing:normal;line-height:1.5}.on-specs *,.on-specs *:before,.on-specs *:after,.on-gallery *,.on-gallery *:before,.on-gallery *:after{box-sizing:border-box}.on-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.on-specs{--on-spec-icon: clamp(60px, calc(52.6px + 1.9vw) , 80px);--on-spec-gap-y: clamp(24px, calc(12px + 3.05vw) , 56px);margin:var(--on-pdp-mt, 0) 0 var(--on-pdp-mb, clamp(32px, calc(26.7px + 1.48vw) , 48px));padding-inline:var(--on-pdp-px, calc(5px + 2.982vw) )}.on-specs__grid{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0;padding:0;list-style:none}.on-specs__item{position:relative;flex:0 1 auto;width:100%;margin:0 0 var(--on-spec-gap-y);padding:0;border-bottom:1px solid var(--on-pdp-line)}@media screen and (min-width:600px){.on-specs__item{width:48.5%}}@media screen and (min-width:900px){.on-specs__grid{display:grid;grid-template-columns:repeat(4,23.53%);column-gap:1.58%;justify-content:start}.on-specs__item{width:auto}}.on-specs__card{display:flex;align-items:flex-start;padding:0 0 32px}.on-specs__icon{flex:none;display:block;height:var(--on-spec-icon);padding-inline-end:16px;color:var(--on-pdp-text)}.on-specs__icon svg{display:block;width:var(--on-spec-icon);height:var(--on-spec-icon)}.on-specs__content{display:flex;flex-direction:column;min-width:0;margin:0;padding:0}.on-specs__header{display:flex;align-items:center;margin-bottom:-8px}.on-specs .on-specs__label{margin:13.28px 0;font-family:var(--on-pdp-mono);font-size:16px;font-weight:400;font-style:normal;line-height:24px;letter-spacing:.96px;text-transform:none;color:var(--on-pdp-text)}.on-specs .on-specs__value{margin:0;font-family:inherit;font-size:var(--on-fs-l);font-weight:400;line-height:1.5;letter-spacing:normal;text-transform:none;color:var(--on-pdp-text);overflow-wrap:anywhere}.on-specs__modal{display:block}.on-specs .on-specs__info{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0;padding:0;border:0;border-radius:50%;background:none;color:inherit;font:inherit;cursor:pointer;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}.on-specs__info svg{display:block;width:24px;height:24px}.on-specs__info svg path:first-child{fill:var(--on-pdp-info-bg)}.on-specs__info:focus-visible,.on-modal__close:focus-visible,.on-modal__body:focus-visible{outline:2px solid currentColor;outline-offset:-2px}.on-specs__info:focus-visible{outline-color:var(--on-pdp-text);outline-offset:-6px}.on-modal{position:absolute;top:0;inset-inline:0;z-index:2;display:block;height:344px;margin:0;padding-block:0 48px;padding-inline:32px 24px;background:var(--on-pdp-modal-bg);color:var(--on-pdp-modal-fg);text-align:start;box-shadow:0 0 2px #0000000d,0 8px 16px #0000001a}.on-modal[hidden]{display:none}.on-modal__header{display:flex;align-items:center;justify-content:flex-end;height:48px}.on-modal .on-modal__close{display:block;width:24px;height:24px;margin:0;padding:0;border:0;border-radius:0;background:none;color:var(--on-pdp-modal-fg);cursor:pointer;-webkit-appearance:none;appearance:none}.on-modal__close svg{display:block;width:24px;height:24px}.on-modal__body{max-height:248px;margin:0;padding:0 16px 0 0;padding-inline:0 16px;overflow-y:auto;overscroll-behavior:contain;font-size:var(--on-fs-m);line-height:1.5;color:var(--on-pdp-modal-fg);scrollbar-width:thin;scrollbar-color:#fff #333}.on-modal__body::-webkit-scrollbar{width:8px}.on-modal__body::-webkit-scrollbar-track{background:#333}.on-modal__body::-webkit-scrollbar-thumb{background:#fff;border-radius:4px}.on-modal__body p,.on-modal__rich p{margin:1em 0;font-size:var(--on-fs-m);font-weight:400;line-height:1.5;color:inherit}.on-modal__rich>:first-child{margin-top:1em}.on-modal__rich ul,.on-modal__rich ol{margin:1em 0;padding-inline-start:1.25em}.on-features{margin:0;padding:0}.on-specs .on-features__title{margin:0 0 4px;font-family:inherit;font-size:var(--on-fs-l);font-weight:700;line-height:1.5;letter-spacing:normal;text-transform:none;color:var(--on-pdp-strong)}.on-specs .on-features__list{margin:0;margin-inline-start:4px;padding:0;padding-inline-start:18px;list-style:disc outside;font-size:var(--on-fs-m);font-weight:400;line-height:1.5;color:var(--on-pdp-strong)}.on-specs .on-features__list li{margin:0;padding:0;font-size:inherit;line-height:inherit}.on-specs--empty{padding-block:16px}.on-specs__empty{margin:0;padding:16px;border:1px dashed currentColor;font-size:14px;line-height:1.5;opacity:.7}.on-gallery{--on-gallery-cols: 3;--on-gallery-ratio: 3 / 4;--on-gallery-gap: 20px;--on-gallery-py: 40px;width:100%}.on-gallery__row{display:flex;flex-wrap:wrap;gap:var(--on-gallery-gap);padding:var(--on-gallery-py) var(--on-gallery-px, 4%)}.on-gallery__col{flex:1 1 0;min-width:280px;max-width:calc(100% / var(--on-gallery-cols));margin:0;padding:0}.on-gallery__media{margin:0 0 25px}.on-gallery__media img,.on-gallery__placeholder{display:block;width:100%;height:auto;aspect-ratio:var(--on-gallery-ratio);object-fit:cover}.on-gallery__placeholder{background:#f1f1f1;fill:currentColor;color:#0000001f}.on-gallery .on-gallery__title{margin:10px 0;font-family:inherit;font-size:var(--on-fs-xl);font-weight:700;line-height:1.2;letter-spacing:normal;text-transform:none;color:var(--on-pdp-strong)}.on-gallery__text,.on-gallery__text p{margin:0;font-size:var(--on-fs-m);font-weight:400;line-height:1.5;color:var(--on-pdp-text)}.on-gallery__text p+p{margin-top:.75em}@media screen and (max-width:899px){.on-gallery__row{gap:12px;padding-inline:var(--on-gallery-px, 3.67%)}.on-gallery--stack .on-gallery__col{flex:1 1 100%;max-width:100%}.on-gallery--swipe .on-gallery__row{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--on-gallery-px, 3.67%);-webkit-overflow-scrolling:touch;scrollbar-width:none}.on-gallery--swipe .on-gallery__row::-webkit-scrollbar{display:none}.on-gallery--swipe .on-gallery__col{flex:0 0 82%;min-width:0;max-width:none;scroll-snap-align:start}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/on-pdp-extras.css.map */