:root{--co-case-h-gutter: 40px;--co-case-v-gutter: 40px;--co-case-gap: 15px;--co-case-content-spacing: 30px}.co-case-menu{z-index:3;height:100vh;width:var(--co-case-h-gutter)}.co-case-menu-frame-1{border-right:var(--co-s-border) solid #000;background-color:#fff;opacity:0}.co-case-menu-frame-2{overflow:hidden;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.co-case-menu-frame-2::-webkit-scrollbar{display:none}.co-case-menu-frame-3{padding-top:var(--header-height, 64px);padding-bottom:var(--header-height, 64px);display:flex;flex-direction:column;align-items:center;height:auto}.co-case-menu-a{writing-mode:vertical-lr;transform:rotate(180deg);padding:15px 5px;flex-shrink:0;opacity:.2;transition:opacity .3s ease}.co-case-menu-a.active,.co-case-menu-a:hover{opacity:1}.co-case-frame{z-index:2;padding:0 var(--co-case-h-gutter);padding-top:var(--co-case-v-gutter);padding-bottom:var(--co-case-v-gutter);border-top:var(--co-s-border) solid #000;opacity:0}.co-case-content{display:grid;grid-template-columns:3fr minmax(auto,300px);grid-auto-rows:auto}.co-case-left{z-index:1}.co-case-left-frame{display:grid;grid-template-rows:auto auto;gap:var(--co-case-gap);padding-left:var(--co-case-gap)}.co-case-left-frame.co-case-left-four{grid-template-columns:1fr 1fr}.co-case-left-frame.co-case-left-six{grid-template-columns:1fr 1fr 1fr}.co-case-right{z-index:1;max-width:400px}.co-case-right-frame{padding-left:calc(var(--co-case-gap) * 2)}.co-case-right-frame h3{margin-bottom:var(--co-case-content-spacing);text-transform:uppercase}.co-case-right-frame h2{margin-bottom:var(--co-case-content-spacing)}@media screen and (max-width:989px){:root{--co-case-h-gutter: 40px;--co-case-gap: 15px;--co-case-content-spacing: 30px}.co-case-left-frame{display:flex;position:relative;width:100%;height:100%;gap:0}}@media screen and (max-width:749px){:root{--co-case-h-gutter: 40px;--co-case-gap: 10px;--co-case-content-spacing: 20px}.co-case{padding-right:0}.co-case-content{grid-template-columns:1fr}.co-case-frame{padding-right:0}.co-case-right{max-width:100%}.co-case-right-frame{padding-right:15px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/co-styles-case-menu.css.map */