.of-section{display:block;background-color:rgb(var(--color-atomic-white));overflow:hidden}.of-grid{display:grid;grid-template-columns:minmax(0,1fr);position:relative;min-height:90vh;transition:height .4s cubic-bezier(.4,0,.2,1)}.of-content{display:flex;flex-direction:column;padding:var(--space-15) var(--space-6);overflow:visible;position:relative;z-index:1}.of-header{display:flex;flex-direction:column;gap:var(--space-1)}.of-heading{font-family:var(--font-heading-family);font-size:var(--font-size-H2);font-weight:500;line-height:1;letter-spacing:-.06rem;text-transform:none;color:rgb(var(--color-atomic-black));margin:0}.of-subheading{font-family:var(--font-heading-family);font-size:var(--font-size-H2);font-weight:500;line-height:1;letter-spacing:-.06rem;text-transform:none;color:rgb(var(--color-atomic-black));opacity:.5;margin:0}.of-selector{position:relative;flex:1;min-height:26rem;margin-top:var(--space-6);transition:min-height .45s cubic-bezier(.4,0,.2,1)}.of-selector__track-wrap{position:absolute;top:0;left:0;bottom:0;width:30rem;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent 0,black 8rem,black calc(100% - 8rem),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,black 8rem,black calc(100% - 8rem),transparent 100%);z-index:1}.of-selector__track{position:absolute;left:0;width:100%;transform:translateY(var(--of-translate-y, 0px));transition:transform .5s cubic-bezier(.4,0,.2,1)}.of-selector__item{display:flex;align-items:center;height:5rem;font-family:var(--font-heading-family);font-size:var(--font-size-H3);font-weight:400;line-height:1;letter-spacing:-.02em;color:rgb(var(--color-atomic-black));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision;background:none;border:none;padding:0;cursor:pointer;white-space:nowrap;text-align:left;transition:padding-left .4s cubic-bezier(.4,0,.2,1);overflow:hidden;min-width:0;max-width:100%}.of-selector__item:hover{opacity:.7}.of-selector__item.is-active{padding-left:var(--space-4)}.of-selector__item:focus-visible{outline:2px solid rgb(var(--color-atomic-black));outline-offset:2px;border-radius:2px}.of-selector__item-text{pointer-events:none;display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:normal}.of-selector__frame{position:absolute;top:var(--of-center, 50%);left:0;width:55vw;transform:translateY(-50%);display:flex;align-items:center;z-index:2;pointer-events:none}.of-selector__connector{display:flex;align-items:center;flex:1 1 auto;opacity:.3}.of-selector__box{--of-pill-height: 4.4rem;width:var(--of-box-width, 13.2rem);height:var(--of-pill-height);border:1px solid rgb(var(--color-atomic-black));border-radius:.6rem;flex-shrink:0;transition:width .35s cubic-bezier(.4,0,.2,1);--fillet-color: rgb(var(--color-atomic-black))}.of-selector__line{flex:1 1 auto;height:0;border-top:1px solid rgb(var(--color-atomic-black));position:relative}.of-selector__line--end:after{content:"";position:absolute;right:0;top:-3px;width:5px;height:5px;background:rgb(var(--color-atomic-black))}.of-selector__copy{position:absolute;left:34rem;top:var(--of-center, 50%);transform:translateY(-50%);width:26rem;min-height:8rem;background-color:rgb(var(--color-atomic-white));padding:var(--space-2) var(--space-4);z-index:3;transition:height .35s cubic-bezier(.4,0,.2,1),opacity .3s ease,visibility .3s ease}html.js .of-selector__copy{overflow:hidden}.of-selector__copy.is-empty{opacity:0;visibility:hidden}.of-selector__desc{position:absolute;top:var(--space-2);left:var(--space-4);right:var(--space-4);font-family:var(--font-body-family);font-size:var(--font-size-B3);font-weight:400;line-height:1.4;letter-spacing:.01em;color:rgb(var(--color-atomic-black));opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease}.of-selector__desc.is-active{opacity:1;visibility:visible}.of-all-features-opener{display:contents}.of-all-features{display:inline-flex;align-items:center;height:5rem;gap:var(--space-2);font-family:var(--font-body-family);font-size:var(--font-size-B4);font-weight:400;color:rgb(var(--color-atomic-black));opacity:.6;background:none;border:none;padding:0;cursor:pointer;transition:opacity .3s ease}.of-all-features:hover{opacity:1}.of-all-features__icon{display:inline-flex;align-items:center}.of-all-features__icon .icon{width:1.2rem;height:1.2rem}.of-all-features:focus-visible{outline:2px solid rgb(var(--color-atomic-black));outline-offset:2px;border-radius:2px}.of-modal{box-sizing:border-box;position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:0;visibility:hidden;display:flex;align-items:flex-end;justify-content:center;background:rgb(var(--color-atomic-black) / .25);-webkit-backdrop-filter:blur(var(--backdrop-blur));backdrop-filter:blur(var(--backdrop-blur));transition:opacity .3s ease,visibility .3s ease}.of-modal[open]{opacity:1;visibility:visible;z-index:101;cursor:pointer}.of-modal[closing]{opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.of-modal__content{position:relative;background-color:rgb(var(--color-atomic-white));width:126rem;max-width:95vw;max-height:90vh;border-radius:.3rem .3rem 0 0;overflow:hidden;transform:translateY(100%);opacity:0;transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .25s ease}.of-modal[open] .of-modal__content{transform:translateY(0);opacity:1;cursor:default}.of-modal[closing] .of-modal__content{transform:translateY(100%);opacity:0;transition:transform .25s ease,opacity .2s ease}.of-modal__close{position:absolute;top:var(--space-5);right:var(--space-5);z-index:10}.of-modal__grid{display:grid;grid-template-columns:36rem 1px 1fr;grid-template-rows:minmax(0,1fr);max-height:90vh}.of-modal__sidebar{padding:var(--space-6) var(--space-6);overflow-y:auto}.of-modal__heading{font-family:var(--font-heading-family);font-size:var(--font-size-H2);font-weight:500;line-height:1;letter-spacing:-.02em;color:rgb(var(--color-atomic-black));margin:0 0 var(--space-7) 0}.of-modal__feature-list{display:flex;flex-direction:column;gap:var(--space-5)}.of-modal__feature-item{display:flex;flex-direction:column;gap:.4rem;padding:var(--space-2);margin-left:calc(-1 * var(--space-2));background:none;border:none;cursor:pointer;text-align:left;width:calc(100% + var(--space-2));border-radius:.3rem;transition:padding-left .3s cubic-bezier(.4,0,.2,1),margin-left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1),background-color .2s ease}.of-modal__feature-item:hover{background-color:#eeeeee80}.of-modal__feature-item.is-active{margin-left:0;width:100%;padding-left:var(--space-3);background-color:#eee}.of-modal__feature-item:focus-visible{outline:2px solid rgb(var(--color-atomic-black));outline-offset:2px;border-radius:2px}.of-modal__feature-name{font-family:var(--font-heading-family);font-size:var(--font-size-B3);font-weight:700;line-height:1;color:rgb(var(--color-atomic-black))}.of-modal__feature-summary{font-family:var(--font-body-family);font-size:var(--font-size-B5);font-weight:400;line-height:1.6;letter-spacing:.01em;color:rgb(var(--color-atomic-black));opacity:.6;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.of-modal__divider{background-color:rgb(var(--color-atomic-light-grey));width:1px;height:100%}.of-modal__detail{position:relative;padding:var(--space-6) var(--space-7) var(--space-7);overflow-y:auto}.of-modal__detail-panel{display:none}.of-modal__detail-panel.is-active{display:block}.of-modal__detail-title{font-family:var(--font-heading-family);font-size:var(--font-size-H3);font-weight:500;line-height:1;letter-spacing:-.02em;color:rgb(var(--color-atomic-black));margin:0 0 var(--space-8) 0}.of-modal__detail-body{font-family:var(--font-body-family);font-size:var(--font-size-B3);font-weight:400;line-height:1.4;letter-spacing:.01em;color:rgb(var(--color-atomic-black))}.of-modal__detail-body p{margin:0 0 var(--space-4) 0}.of-modal__detail-body p:last-child{margin-bottom:0}.of-modal__detail-media{margin:var(--space-7) 0 var(--space-4);padding:0}.of-modal__detail-img{width:100%;height:auto;max-height:40vh;object-fit:contain;border-radius:.3rem;display:block}.of-modal__detail-caption{margin:var(--space-2) 0 0;font-family:var(--font-body-family);font-size:var(--font-size-B5);line-height:1.6;color:rgb(var(--color-atomic-black) / .5);letter-spacing:.01em}.of-modal__detail-body--after{margin-top:var(--space-5)}.of-modal__back,.of-modal__feature-arrow{display:none}.of-media{position:absolute;top:0;left:0;right:0;height:90vh;overflow:hidden;z-index:0}.of-media__master,.of-media__feature{position:absolute;top:0;left:0;width:100%;height:100%;clip-path:inset(100% 0 0 0);transition:clip-path .6s cubic-bezier(.4,0,.2,1)}.of-media__master{z-index:0}.of-media__feature{z-index:1}.of-media__master.is-active,.of-media__feature.is-active{clip-path:inset(0 0 0 0)}.of-media__master.is-leaving,.of-media__feature.is-leaving{clip-path:inset(0 0 100% 0)}.of-media__img{width:44%;height:70%;object-fit:contain;object-position:center;position:absolute;top:50%;left:auto;right:var(--space-3);transform:translateY(-50%)}.of-media__placeholder{width:100%;height:100%;object-fit:cover;background:rgb(var(--color-atomic-snow))}.of-media--mobile,.of-selector__box-text{display:none}@media(max-width:1024px){.of-grid{height:auto;min-height:0}.of-media{position:absolute;inset:auto;top:var(--space-7);right:var(--space-4);width:42%;overflow:hidden;z-index:0}.of-media__master,.of-media__feature{position:relative;width:100%;height:auto}.of-media__feature{position:absolute;top:0;left:0}.of-media__img{width:100%;height:auto;max-height:var(--of-media-max-height, none);object-fit:contain;object-position:center top;position:static;transform:none}.of-media--desktop{display:none}.of-media--mobile{display:block}.of-content{padding:var(--space-14) var(--space-4) var(--space-6)}.of-heading,.of-subheading{font-size:var(--font-size-H3)}.of-selector{display:flex;flex-direction:column;position:relative;flex:0 1 auto;min-height:auto;margin-top:var(--space-14)}.of-selector__frame{order:-1;position:relative;top:auto;left:auto;width:100%;transform:none;display:flex;flex-direction:column;pointer-events:auto}.of-selector__connector{display:flex;align-items:center;margin:0 calc(-1 * var(--space-4));width:calc(100% + 2 * var(--space-4));opacity:1}.of-selector__box{display:flex;align-items:center;order:0;height:auto;min-height:var(--of-pill-height);max-width:calc(100% - 2 * var(--space-4));border-color:rgb(var(--color-atomic-light-grey));border-radius:.3rem;--fillet-color: rgb(var(--color-atomic-light-grey))}.of-selector__line{border-top-color:rgb(var(--color-atomic-light-grey));display:block;order:1}.of-selector__line--end{order:-1;flex:0 0 var(--space-4)}.of-selector__line--end:after{display:none}.of-selector__box-text{display:block;flex-shrink:0;max-width:100%;padding:calc((var(--of-pill-height) - 1.4em) / 2 - 1px) var(--space-3);font-family:var(--font-heading-family);font-size:var(--font-size-B2);font-weight:700;line-height:1.4;white-space:normal;overflow-wrap:break-word;color:rgb(var(--color-atomic-black))}.of-selector__box.is-text-pinned .of-selector__box-text{width:var(--of-box-text-width);max-width:none}.of-selector__box.button-line-joint:after{left:auto;right:100%;-webkit-mask-image:radial-gradient(circle 5px at 0% 0%,transparent 4.5px,black 5px),radial-gradient(circle 5px at 0% 100%,transparent 4.5px,black 5px);-webkit-mask-position:top right,bottom right;mask-image:radial-gradient(circle 5px at 0% 0%,transparent 4.5px,black 5px),radial-gradient(circle 5px at 0% 100%,transparent 4.5px,black 5px);mask-position:top right,bottom right}.of-selector__box.button-line-joint:before{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);width:5px;height:10px;background:var(--fillet-color, rgb(var(--color-atomic-black)));pointer-events:none;-webkit-mask-image:radial-gradient(circle 5px at 100% 0%,transparent 4.5px,black 5px),radial-gradient(circle 5px at 100% 100%,transparent 4.5px,black 5px);-webkit-mask-size:5px 5px;-webkit-mask-position:top left,bottom left;-webkit-mask-repeat:no-repeat;mask-image:radial-gradient(circle 5px at 100% 0%,transparent 4.5px,black 5px),radial-gradient(circle 5px at 100% 100%,transparent 4.5px,black 5px);mask-size:5px 5px;mask-position:top left,bottom left;mask-repeat:no-repeat}.of-selector__copy{order:-1;position:relative;left:auto;top:auto;transform:none;width:100%;min-height:0;background:none;padding:0;margin-top:var(--space-3);overflow:hidden;transition:height .4s cubic-bezier(.4,0,.2,1)}.of-selector__desc{position:absolute;top:0;left:0;right:0;padding:0;font-size:var(--font-size-B3);line-height:1.4;letter-spacing:.01em}.of-selector__track-wrap{order:0;position:relative;top:auto;left:auto;bottom:auto;overflow:visible;width:100%;-webkit-mask-image:none;mask-image:none;z-index:auto;margin-top:var(--space-3)}.of-selector__track{position:relative;top:auto;transform:none!important}.of-selector__item{height:var(--natural-height, 4.2rem);max-height:none;padding:var(--space-2) 0;margin:0;font-size:var(--font-size-B2);font-weight:700;line-height:1.4;white-space:normal;overflow:hidden;transition:height .4s ease-in-out,padding .4s ease-in-out,opacity .3s ease,margin .4s ease-in-out}.of-selector__item-text{min-height:0;white-space:normal;overflow:visible;overflow-wrap:break-word;line-height:1.4}.of-selector__item.is-active{height:0!important;padding-top:0!important;padding-bottom:0!important;margin-top:0!important;margin-bottom:0!important;min-height:0!important;border:none!important;opacity:0!important;pointer-events:none}.of-modal__content{display:flex;flex-direction:column;width:100%;max-width:100vw;max-height:80vh;border-radius:.3rem .3rem 0 0;overflow:hidden}.of-modal__grid{display:flex;grid-template-columns:none;height:auto;max-height:none;flex:1;min-height:0;transition:transform .35s cubic-bezier(.4,0,.2,1)}.of-modal__grid.is-detail-open{transform:translate(-100%)}.of-modal__sidebar{display:flex;flex-direction:column;flex:0 0 100%;width:100%;min-height:0;padding:var(--space-6) var(--space-6) 0;overflow:hidden}.of-modal__heading{flex-shrink:0;font-size:var(--font-size-H2);margin-bottom:var(--space-6);padding-right:calc(var(--space-6) + var(--space-1))}.of-modal__feature-list{flex:1 1 auto;flex-direction:column;gap:var(--space-4);min-height:0;margin-inline:calc(-1 * var(--space-1));padding:0 var(--space-1) var(--space-6);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.of-modal__feature-item{flex-shrink:0;margin-left:0;width:100%;padding:0;border-radius:0;background:none!important}.of-modal__feature-item.is-active{margin-left:0;padding-left:0}.of-modal__feature-name:after{content:" \2192";font-weight:400}.of-modal__feature-summary{display:-webkit-box;font-size:var(--font-size-B5);line-height:1.6;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.of-modal__divider{display:none}.of-modal__close{top:var(--space-6);right:var(--space-5);padding-block:calc((var(--font-size-H2) - var(--space-3)) / 2)}.of-modal__detail{flex:0 0 100%;width:100%;padding:0 var(--space-6) var(--space-6);overflow-y:auto;overscroll-behavior:contain}.of-modal__detail-title{position:sticky;top:0;z-index:1;background-color:rgb(var(--color-atomic-white));font-size:var(--font-size-H2);line-height:1;margin-bottom:0;padding:var(--space-6) calc(var(--space-6) + var(--space-1)) var(--space-6) 0}.of-modal__back{display:inline-block;font-family:var(--font-body-family);font-size:var(--font-size-B3);font-weight:400;line-height:1.4;letter-spacing:.01em;color:rgb(var(--color-atomic-black));text-decoration:underline;background:none;border:none;padding:0;cursor:pointer;margin-bottom:var(--space-10)}.of-modal__back:focus-visible{outline:2px solid rgb(var(--color-atomic-black));outline-offset:2px;border-radius:2px}}@media(prefers-reduced-motion:reduce){.of-grid,.of-selector,.of-selector__track,.of-selector__item,.of-selector__box,.of-selector__desc,.of-media__master,.of-media__feature,.of-all-features,.of-modal,.of-modal__content,.of-modal__grid,.of-modal__feature-item{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/section-other-features.css.map */