.collapsible-card-grid{display:flex;flex-direction:column;gap:24px;padding:0 20px;overflow-x:hidden;color:rgb(var(--color-fg))}.collapsible-card-grid__header{display:flex;flex-direction:column;gap:10px;text-align:left}.collapsible-card-grid__eyebrow{margin:0;font-family:ABC Diatype Mono,monospace;font-size:12px;font-weight:400;line-height:1.15;text-transform:uppercase;color:rgb(var(--color-fg))}.collapsible-card-grid__title{margin:0;font-family:ABCDiatype,ABC Diatype,sans-serif;font-size:28px;font-weight:700;line-height:1.1;letter-spacing:-1px;color:rgb(var(--color-fg))}.collapsible-card-grid__title>*{margin:0;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit}.collapsible-card-grid__track{position:relative;width:100%}.collapsible-card-grid__list{display:flex;flex-direction:column;gap:5px}.collapsible-card-grid__card{display:flex;flex-direction:column;width:100%;background-color:rgb(var(--color-bg, 255 255 255));border-radius:5px;overflow:hidden}.collapsible-card-grid__head{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;box-sizing:border-box;padding:16px 15px;background:transparent;border:0;cursor:pointer;color:inherit;text-align:left;font:inherit}.collapsible-card-grid__card-title{font-family:ABCDiatype,ABC Diatype,sans-serif;font-size:16px;font-weight:500;line-height:1.1;letter-spacing:-.01em;color:rgb(var(--color-fg))}.collapsible-card-grid__toggle{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:10px;background-color:#f2f2f2;border:1px solid rgba(0,0,0,.08);color:rgb(var(--color-fg));transition:background-color .2s ease,color .2s ease,border-color .2s ease}.collapsible-card-grid__toggle svg{width:10px;height:10px}.collapsible-card-grid__card[data-active=true] .collapsible-card-grid__toggle{background-color:#000;border-color:#000;color:#fff}.collapsible-card-grid__body{height:0;overflow:hidden;transition:height .3s ease}.collapsible-card-grid__media{position:relative;width:calc(100% - 10px);margin:0 5px 5px;aspect-ratio:var(--ccg-aspect-m, 4 / 3);border-radius:5px;overflow:hidden;background-color:#0000000a}.collapsible-card-grid__pic,.collapsible-card-grid__video,.collapsible-card-grid__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.collapsible-card-grid__img,.collapsible-card-grid__video{width:100%;height:100%;object-fit:cover;object-position:center}.collapsible-card-grid__placeholder{background:repeating-conic-gradient(rgba(0,0,0,.04) 0% 25%,transparent 0% 50%) 50% / 24px 24px}.collapsible-card-grid .video-card-controls__progress-bar{display:block;transition:width .26s linear}.collapsible-card-grid__pic.--d,.collapsible-card-grid__video.--d{display:none}.collapsible-card-grid__nav{display:none;gap:7px}.collapsible-card-grid__nav-btn{width:39px;height:39px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background-color:#fff;border:0;cursor:pointer;color:#000;padding:0;transition:opacity .2s ease}.collapsible-card-grid__nav-btn svg{width:16px;height:16px}.collapsible-card-grid__nav-btn.--prev svg{transform:scaleX(-1)}.collapsible-card-grid__nav-btn.swiper-button-disabled{opacity:.4;cursor:default}.collapsible-card-grid__nav-btn.swiper-button-lock{display:none}@media screen and (min-width:750px){.collapsible-card-grid{gap:40px;padding:0 var(--ccg-edge-padding-d, 39px)}.collapsible-card-grid__header{gap:10px}.collapsible-card-grid__eyebrow{font-size:13px}.collapsible-card-grid__title{font-size:36px;letter-spacing:-.03em}.collapsible-card-grid__track{overflow:hidden}.collapsible-card-grid:not(.--desktop-grid) .collapsible-card-grid__track{overflow:visible}.collapsible-card-grid:not(.--desktop-grid) .collapsible-card-grid__list.swiper-wrapper{margin-left:calc(-1 * var(--ccg-edge-padding-d, 39px));margin-right:calc(-1 * var(--ccg-edge-padding-d, 39px))}.collapsible-card-grid__list{flex-direction:row;gap:0}.collapsible-card-grid__card{background-color:#fff;border-radius:5px;padding:10px;display:flex;flex-direction:column}.collapsible-card-grid__card.swiper-slide{width:var(--ccg-card-w-d, 465px);height:auto;flex-shrink:0}.collapsible-card-grid__head{padding:5px 0 0;cursor:default;gap:0;align-items:flex-start}.collapsible-card-grid__card-title{font-size:18px;line-height:1.2;letter-spacing:-.03em}.collapsible-card-grid__toggle{display:none}.collapsible-card-grid__body{height:auto!important;overflow:visible;transition:none;margin-top:33px}.collapsible-card-grid__media{aspect-ratio:var(--ccg-aspect-d, 3 / 4);border-radius:5px;margin:0;width:100%}.collapsible-card-grid__pic.--d,.collapsible-card-grid__video.--d{display:block}.collapsible-card-grid__pic.--m,.collapsible-card-grid__video.--m{display:none}.collapsible-card-grid__nav{display:flex}.collapsible-card-grid:not(.--desktop-grid) .collapsible-card-grid__head{min-height:49px}.collapsible-card-grid:not(.--desktop-grid) .collapsible-card-grid__card-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.collapsible-card-grid.--desktop-grid .collapsible-card-grid__list{display:grid;grid-template-columns:repeat(var(--ccg-grid-cols, 3),minmax(0,1fr));column-gap:10px;row-gap:20px}.collapsible-card-grid.--desktop-grid .collapsible-card-grid__card{grid-row:span 2;display:grid;grid-template-rows:subgrid;width:auto;flex-shrink:initial}.collapsible-card-grid.--desktop-grid .collapsible-card-grid__body{margin-top:0}.collapsible-card-grid.--desktop-grid .collapsible-card-grid__nav{display:none}}@media screen and (max-width:749px){.collapsible-card-grid.--mobile-all-open .collapsible-card-grid__body{height:auto!important;overflow:visible;transition:none}.collapsible-card-grid.--mobile-all-open .collapsible-card-grid__toggle{display:none}.collapsible-card-grid.--mobile-all-open .collapsible-card-grid__head{cursor:default}}.collapsible-card-grid__video:-webkit-full-screen,.collapsible-card-grid__video:fullscreen{object-fit:contain}
/*# sourceMappingURL=/cdn/shop/t/104/assets/section-collapsible-card-grid.css.map */