.base-history{display:flex;justify-content:center;position:relative}.base-history .content-width{display:flex;flex-direction:column-reverse;padding:50px 0}.base-history .content-width .half{align-items:flex-start;display:flex;justify-content:flex-start;position:relative;width:100%}.base-history .content-width .half .title{margin:0;width:250px}.base-history .content-width .half .title h1{font-size:40px;font-weight:600;line-height:1;margin:0;text-align:left;text-transform:uppercase}.base-history .content-width .half.left{margin-top:30px}.base-history .content-width .half.left .title{display:none}.base-history .content-width .half.left .subnav{display:flex;flex-wrap:wrap;gap:10px;position:relative;width:100%}.base-history .content-width .half.left .subnav .arrow{cursor:pointer;display:flex;height:20px;justify-content:center;position:relative;width:15px}.base-history .content-width .half.left .subnav .arrow svg polygon{fill:#000!important;stroke:#000!important}.base-history .content-width .half.left .subnav .arrow.slick-disabled svg polygon{fill:none!important;stroke:#000!important}.base-history .content-width .half.left .subnav .arrow.prev{order:1;transform:rotate(-90deg)}.base-history .content-width .half.left .subnav .arrow.next{order:2;transform:rotate(90deg)}.base-history .content-width .half.left .subnav .items{order:0;overflow:hidden;position:relative;width:100%}.base-history .content-width .half.left .subnav .items .slick-track{display:flex}.base-history .content-width .half.left .subnav .items .nav-item{align-items:stretch;display:flex;gap:20px;padding:10px 0;position:relative}.base-history .content-width .half.left .subnav .items .nav-item .bar{background:gray;transform:scaleY(0);transition:1.2s transform;width:4px}.base-history .content-width .half.left .subnav .items .nav-item.slick-current .bar{transform:scaleY(1);transition:.25s transform}.base-history .content-width .half.left .subnav .items .nav-item .icon-base{align-items:center;aspect-ratio:1 / 1;display:flex;justify-content:center;position:relative;width:95px}.base-history .content-width .half.left .subnav .items .nav-item .icon-base img{width:100%}.base-history .content-width .half.left .subnav .items .nav-item .description{align-self:center;flex:1;font-size:12px;line-height:1.2}.base-history .content-width .half.left .subnav .items .nav-item .description span{font-weight:600}.base-history .content-width .half.viewer{display:flex;flex-direction:column}.base-history .content-width .half.viewer .spec-frame{align-items:center;display:flex;justify-content:center;margin-top:30px;position:relative;width:100%}.base-history .content-width .half.viewer .spec-frame .product{align-items:center;aspect-ratio:1 / 1;display:flex;flex-direction:column;position:relative;width:100%}.base-history .content-width .half.viewer .spec-frame .product .pattern{display:block;height:100%;transform:scale(1.03)}.base-history .content-width .half.viewer .spec-frame .product .product-img{left:50%;position:absolute;top:0;transform:translate3d(-50%,0,0);width:90%}.base-history .content-width .half.viewer .spec-frame .product .bases{aspect-ratio:1 / 1;position:absolute;left:59.25%;top:38.75%;transform:rotate(13deg);width:28%}.base-history .content-width .half.viewer .spec-frame .product .bases .scaleX{transform:scaleX(.55)}.base-history .content-width .half.viewer .spec-frame .product .bases .base-img{aspect-ratio:1 / 1;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:.8s;width:100%}.base-history .content-width .half.viewer .spec-frame .product .bases .base-img.selected{opacity:1}.base-history .content-width .half.viewer .spec-frame .brackets{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.base-history .content-width .half.viewer .spec-frame .brackets .bracket{aspect-ratio:1 / 1;position:absolute;width:30px}.base-history .content-width .half.viewer .spec-frame .brackets .bracket.tl{border-left:1px solid #000000;border-top:1px solid #000000;left:0;top:0}.base-history .content-width .half.viewer .spec-frame .brackets .bracket.tr{border-right:1px solid #000000;border-top:1px solid #000000;right:0;top:0}.base-history .content-width .half.viewer .spec-frame .brackets .bracket.bl{border-left:1px solid #000000;border-bottom:1px solid #000000;left:0;bottom:0}.base-history .content-width .half.viewer .spec-frame .brackets .bracket.br{border-right:1px solid #000000;border-bottom:1px solid #000000;right:0;bottom:0}@media screen and (min-width:990px){.base-history .content-width{display:flex;flex-direction:row;justify-content:space-between}.base-history .content-width .half{width:auto}.base-history .content-width .half.left{flex-direction:column;justify-content:center;margin-top:0;width:calc(50% - 50px)}.base-history .content-width .half.left .title{display:block;flex:0 0 auto;margin-bottom:20px}.base-history .content-width .half.left .subnav{flex-direction:column;flex:0 0 auto;margin-top:auto;margin-bottom:auto}.base-history .content-width .half.left .subnav .arrow{height:15px;width:100%}.base-history .content-width .half.left .subnav .arrow.prev{order:0}.base-history .content-width .half.left .subnav .items{order:1}.base-history .content-width .half.left .subnav .items .slick-track{display:block}.base-history .content-width .half.left .subnav .items .nav-item{transition:.8s background}.base-history .content-width .half.left .subnav .items .nav-item:hover{background:#d9d8d2;transition:.25s background}.base-history .content-width .half.left .subnav .arrow.prev{transform:rotate(0)}.base-history .content-width .half.left .subnav .arrow.next{transform:rotate(180deg)}.base-history .content-width .half.left .subnav .arrow:hover svg polygon{fill:#545454!important;stroke:#000!important}.base-history .content-width .half.right{width:50%}.base-history .content-width .half.right .title{display:none}}@media screen and (min-width: 1000px){.base-history .content-width .half.left .subnav .items .nav-item .description{font-size:16px}}@media screen and (min-width: 1638px){.base-history .content-width{border-left:2px solid rgba(0,0,0,.5);border-right:2px solid rgba(0,0,0,.5);padding:64px 30px;width:calc(100% - 140px)}.base-history .content-width .half .title h1{font-size:48px}}@media screen and (min-width: 1685px){.base-history .content-width{max-width:1684px}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/main-base.css.map */