.slideshow.slideshow-crate{--crate-gap: 1.2rem;--crate-radius: 1.6rem;background:none;border-radius:0;flex-direction:column}.slideshow.slideshow-crate:not(.flickity-enabled) .slideshow-slide{margin-inline:auto}.slideshow.slideshow-crate .slideshow-slide{width:86%;height:auto;margin-inline:calc(var(--crate-gap) / 2);display:grid;grid-template-columns:11rem minmax(0,1fr);align-content:start;gap:1.2rem 1.4rem;padding:1.6rem;border-radius:var(--crate-radius);background:var(--crate-bg);color:var(--crate-ink);overflow:hidden;opacity:.45;transition:opacity .4s ease}.slideshow.slideshow-crate .slideshow-slide.is-selected,.slideshow.slideshow-crate:not(.flickity-enabled) .slideshow-slide{opacity:1}.slideshow.slideshow-crate .slideshow-slide:before,.slideshow.slideshow-crate .slideshow-slide:after{display:none}.crate-body{display:contents}.crate-cover{grid-column:1;grid-row:1 / span 2}.crate-cover a{display:block;height:100%}.crate-cover-img{display:block;width:11rem;height:11rem;object-fit:cover;border-radius:.6rem;box-shadow:0 .6rem 1.6rem #00000040}.crate-tag{grid-column:2;align-self:end;justify-self:start;padding:.5rem 1rem;border:.15rem solid currentColor;border-radius:99rem;font-size:1.1rem;font-weight:600;line-height:1;letter-spacing:.08em;text-transform:uppercase}.slideshow-crate .crate-heading{grid-column:2;align-self:center;margin:0;text-wrap:balance}.slideshow-crate .crate-tag+.crate-heading{align-self:start}.slideshow-crate .crate-text{grid-column:1 / -1;margin:0;font-size:calc(var(--font-body-scale) * 1.4rem);line-height:1.45}.slideshow-crate .crate-text p{margin:0}.crate-buttons{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:1rem}.crate-button{display:inline-flex;align-items:center;gap:.8rem;padding:1.2rem 2rem;border:.15rem solid var(--crate-ink);border-radius:1rem;background:var(--crate-ink);color:var(--crate-bg);font-family:var(--font-buttons-family, inherit);font-size:1.45rem;font-weight:600;line-height:1.2;text-decoration:none;transition:transform .2s ease}.crate-button:after{content:"\203a";font-size:2rem;line-height:.6}.crate-button:hover{transform:translateY(-.1rem)}.crate-button-secondary{background:transparent;color:var(--crate-ink)}@media(min-width:750px){.slideshow.slideshow-crate .slideshow-slide{--crate-cover: clamp(26rem, 24vw, 36rem);width:min(74%,104rem);min-height:var(--crate-cover);grid-template-columns:var(--crate-cover) minmax(0,1fr);align-content:stretch;gap:0;padding:0}.crate-cover{grid-row:1;position:relative}.crate-cover-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:0;box-shadow:none}.crate-body{grid-column:2;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:1.2rem;padding:3rem clamp(2.4rem,4vw,5rem)}.slideshow-crate .crate-text{max-width:60ch;font-size:calc(var(--font-body-scale) * 1.5rem);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.crate-tag,.slideshow-crate .crate-heading,.slideshow-crate .crate-tag+.crate-heading{align-self:auto}.crate-buttons{margin-top:.4rem}}.slideshow-crate .slideshow-controls-wrap{position:static;order:2;margin-top:1.2rem}.slideshow-crate .slideshow-navigation-dots{height:auto}.slideshow-crate .slideshow-pagination{gap:.8rem;padding:.6rem .8rem;border:.1rem solid rgb(var(--color-base-border));border-radius:99rem}.slideshow-crate .slideshow-pagination-link{width:auto;height:auto;padding:0;color:rgb(var(--color-base-border));opacity:1}.slideshow-crate .slideshow-pagination-link.is-active{color:rgb(var(--color-base-text-alt))}.slideshow-crate .slideshow-dot{width:1rem;height:1rem}.slideshow-crate .slideshow-arrow-controls-wrap{top:calc(50% - 2.2rem)}.slideshow-crate .slideshow-button-arrow{width:4.4rem;height:4.4rem;display:grid;place-items:center;border-radius:50%;background:rgb(var(--color-base-background-2));color:rgb(var(--color-base-text-alt));box-shadow:0 .4rem 1.6rem #00000026;opacity:1}.slideshow-crate .slideshow-button-arrow .angle{width:1.8rem;height:1.8rem}.slideshow-crate .slideshow-button-arrow .angle-icon:before,.slideshow-crate .slideshow-button-arrow .angle-icon:after{height:.25rem}.slideshow-crate .slideshow-button-arrow .angle-icon:before{left:.15rem}.slideshow-crate .slideshow-button-arrow .angle-icon:after{right:.15rem}@media(prefers-reduced-motion:reduce){.slideshow.slideshow-crate .slideshow-slide,.crate-button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/section-slideshow-crate.css.map */