.vertical-collection-inner{display:grid;grid-template-columns:40% 1fr;column-gap:var(--horizontal-spacing);row-gap:var(--vertical-spacing);align-items:flex-start}.vertical-collection-header{padding-bottom:2.5rem}.vertical-collection-header h2{color:var(--color-foreground-heading);letter-spacing:0;margin:15px 0;text-transform:var(--text_display)}.vertical-collection-header span{color:var(--color-secondary-foreground-heading)}.tab_item_wrapper{position:relative}.tab_item_wrapper a{position:absolute;top:0;left:0;font-size:0;width:100%;height:100%}.tab-list{display:flex;flex-direction:column}@media (min-width: 1025px){.tab-list{position:sticky;top:0}}@media (min-width:1600px){.tab-list{padding-right:10rem}}.tab-list a{text-decoration:none}.tab-item{padding:20px 0;cursor:pointer;font-size:15px;font-weight:500;color:var(--color-foreground);border-bottom:1px solid rgb(from var(--color-foreground) r g b / .3);display:flex;justify-content:space-between;align-items:center;gap:1rem;transition:opacity .25s ease,text-transform .25s ease,color .25s ease}.tab-item .tab-item-title{position:relative;font-family:var(--font-body-family);word-break:break-word}.tab-item .tab-item-count{font-size:13.5px}.tab-item .vertical-arrow{border:1px solid var(--color-primary-button-border);padding:14px;border-radius:var(--border_radius);display:flex;justify-content:center;align-items:center;background:var(--color-primary-button-background);transition:background .25s ease,border .25s ease,transform .25s ease}.tab-item .vertical-arrow svg path{transition:stroke .25s ease;stroke:var(--color-primary-button-text)}.tab_item_wrapper{opacity:.7}.tab_item_wrapper.active{opacity:1;text-shadow:0 0 var(--color-foreground)}.tab_item_wrapper.active .vertical-arrow{background:var(--color-primary-button-hover-background);border:1px solid var(--color-primary-button-hover-border)}.tab_item_wrapper .vertical-arrow svg{transition:background .25s ease,border .25s ease,transform .25s ease}.tab_item_wrapper.active .vertical-arrow svg{transition:background .25s ease,border .25s ease,transform .25s ease;transform:rotate(40deg)}.tab_item_wrapper.active .vertical-arrow svg path{stroke:var(--color-primary-button-hover-text)}.tab-images{position:relative;width:100%}.tab-image-card{position:absolute;top:0;left:0;width:100%;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s ease;display:grid;grid-template-columns:1fr 1fr;column-gap:var(--horizontal-spacing, 20px);row-gap:var(--vertical-spacing, 20px)}.tab-image-card.active{opacity:1;visibility:visible;position:relative}.tab-image-wrapper{position:relative;width:100%;overflow:hidden;padding-top:var(--aspect-ratio, 100%);border-radius:var(--img-border-radius)}.tab-image-wrapper img,.tab-image-wrapper .placeholder_svg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:var(--img-border-radius);transition:transform .6s ease,filter .4s ease}.tab-image-wrapper img:hover,.tab-image-wrapper .placeholder_svg:hover{transform:scale(1.3) rotate(5deg);filter:blur(0px) brightness(1)}.tab-image-wrapper .label{position:absolute;bottom:3rem;left:3rem;color:var( --color-secondary-foreground);font-size:26px;line-height:normal}@media (max-width: 1480px){.vertical-collection-inner{align-items:center}}@media (max-width: 1240px){.vertical-collection-inner{grid-template-columns:35% 1fr}.vertical-collection-header{padding-bottom:0}}.vertical-collection-header-mb{display:none}@media (max-width: 1024px){.vertical-collection-inner{grid-template-columns:1fr}.tab-item .vertical-arrow{padding:10px}.tab-item .vertical-arrow svg{height:10px;width:10px}.vertical-collection-header-dc{display:none}.vertical-collection-header-mb{display:block;text-align:center;padding-bottom:2rem}.tab-images{order:1}.tab-list{order:2;display:flex;flex-wrap:nowrap;width:100%;overflow-x:auto;overflow-y:hidden;gap:12px;-webkit-overflow-scrolling:touch;flex-direction:row}.tab_item_wrapper{min-width:45%;flex:0 0 auto;align-items:center;white-space:nowrap;padding:0 1rem}}@media (max-width: 991px){.tab_item_wrapper{min-width:55%}}@media (max-width: 640px){.tab-image-wrapper .label{font-size:16px;bottom:1.4rem;left:1.4rem}.vertical-collection-header h2{margin:5px 0}.tab_item_wrapper{min-width:65%}.tab-item .tab-item-count{position:static}}@media (max-width: 500px){.tab_item_wrapper{min-width:60%}.tab-item .vertical-arrow{padding:8px}.tab-item .vertical-arrow svg{height:8px;width:8px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/vertical-collection.css.map */