case-selector{display:block}.cases__accordion-item{flex-flow:column nowrap;align-items:start;max-height:60.5rem}.product__info-container>case-selector{margin-top:.4rem}.cases__accordion-toggle{padding:0;font-family:inherit}.cases__accordion-toggle>:is(span,svg){display:inline-block;vertical-align:unset;height:1.8rem;min-height:unset;font-family:inherit;font-size:1.7rem;line-height:1;font-weight:500;letter-spacing:-.02em;color:rgb(var(--color-foreground));white-space:nowrap;border-radius:0;transition:height var(--duration-default);overflow:hidden}.cases__accordion-toggle svg{position:absolute;width:1.8rem}.case-picker__tab span{position:relative;display:block}.cases__accordion-toggle:not(.active) svg,.cases__accordion-toggle.active>span{height:0}.cases__accordion-menu{display:none;width:100%;margin-top:2.5rem;transition:height .3s ease;overflow:auto}.case-picker__columns--full-width{grid-template-columns:repeat(auto-fit,minmax(12.7rem,1fr));width:100%;max-width:100%}.case-picker__column{display:flex;flex-direction:column;gap:.8rem;min-width:12.7rem;max-width:22rem}.case-picker__column-info{display:flex;flex-direction:column;gap:.4rem}.case-picker__column-heading{color:rgb(var(--color-foreground-secondary));text-decoration:none;overflow-wrap:break-word}.case-picker__column-list{display:flex;flex-direction:column}.case-picker__column-list-link{display:block;padding:1.2rem 0;text-decoration:none;overflow-wrap:break-word}.case-picker__column-list-link.active{text-decoration:underline}@media screen and (min-width: 1100px){.case-picker__column-list-link{padding:.9rem 0}}.case-picker__links{display:flex;flex-direction:column;gap:1.7rem;width:100%;margin:0;overflow:visible}.case-picker__tabs{position:sticky;top:0;bottom:unset;display:flex;align-items:start;justify-content:space-between;width:100%;min-height:4rem;background:rgb(var(--color-background-secondary));transition:all var(--duration-default);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.cases__accordion-menu::-webkit-scrollbar,.case-picker__tabs::-webkit-scrollbar{display:none}@media screen and (pointer: fine){.case-picker__tabs{scrollbar-width:unset}.case-picker__tabs::-webkit-scrollbar{display:block;width:.4rem;height:.4rem}.case-picker__tabs::-webkit-scrollbar-thumb{background-color:rgb(var(--color-border));border-radius:2rem}}.case-picker__tab{display:block;box-sizing:border-box;min-width:max-content;padding:1.2rem 1rem 0;cursor:pointer}.case-picker__tab span:after{content:"";position:absolute;bottom:1px;left:0;z-index:1;width:100%;height:.1rem;background-color:#0000;transition:background-color var(--duration-default)}.case-picker__tab--active span:after{background-color:rgb(var(--color-foreground))}.case-picker__tab:first-child{padding-left:0}.case-picker__tab:last-child{padding-right:0}.case-picker__submenus{display:flex}.case-picker__submenu{display:none;box-sizing:border-box;width:100%;max-width:100%}.case-picker__column-list-item{display:flex;gap:1rem;align-items:center}.case-picker__column-list-item hr{margin-block:.9rem;background-color:rgba(var(--color-foreground),.2)}.case-picker__submenu--active{display:flex;flex-direction:column}.case-picker__submenu-overlay{position:sticky;bottom:0;height:92px;margin-top:-10px;background:linear-gradient(0deg,rgb(var(--color-background-secondary)) 5%,rgba(var(--color-background-secondary),0) 141.88%);pointer-events:none}@media screen and (max-width: 749px){.cases__accordion-overlay.active{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12;background:#00000080}.cases__accordion-item{max-height:55rem;padding:1.7rem 1.2rem}case-selector.mobile-open .cases__accordion-item{position:fixed;z-index:13;min-height:47rem;max-height:47rem;padding:2.4rem 2rem;background:rgba(var(--color-background-secondary),.8);border-radius:var(--border-radius-main) var(--border-radius-main) 0 0;box-shadow:0 -2px 20px #0003;inset:auto 0 0;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}case-selector:not(.mobile-open) .cases__accordion-menu{margin:0}.cases__accordion-toggle.active svg{right:1.9rem}.case-picker__tabs{position:relative;background:unset}.case-picker__submenu-overlay{display:none}.cases__accordion-toggle.active{pointer-events:none}.cases__accordion-toggle>:is(span,svg){font-size:1.6rem;transition:unset}.cases__accordion-toggle.active .icon-close{pointer-events:all}.product-cases{max-height:5.5rem;overflow:hidden}}
/*# sourceMappingURL=/cdn/shop/t/272/assets/component-case-picker.css.map */