:root{--carousel-button-size: 4rem;--carousel-button-icon-size: 2rem}.journal-carousel{display:block;overflow:hidden;max-width:100%}.journal-carousel__wrapper{display:grid;grid-template-columns:1fr;gap:2rem}.journal-carousel__content{display:flex;flex-direction:column;gap:1rem;min-width:0;text-align:center}.journal-carousel__heading{margin:0;word-wrap:break-word;overflow-wrap:break-word}.journal-carousel__subheading{margin:0}.journal-carousel__container{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:100%;min-width:0}.journal-carousel__interactive{display:flex;flex-direction:column;position:relative;max-width:100%;overflow:visible}.carousel__navigation{position:static;display:flex;justify-content:center;gap:1rem;order:3;margin-top:1.5rem;pointer-events:all;z-index:2;max-width:100%;box-sizing:border-box}.carousel__button{pointer-events:all;display:flex;align-items:center;justify-content:center;width:var(--carousel-button-size);height:var(--carousel-button-size);border-radius:50%;border:none;background:rgba(var(--color-background),.9);color:rgb(var(--color-foreground));cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #00000026;flex-shrink:0}.carousel__button:hover{background:rgb(var(--color-background));transform:scale(1.05)}.carousel__button:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.carousel__button .icon{width:var(--carousel-button-icon-size);height:var(--carousel-button-icon-size)}.carousel__button--prev .icon{transform:rotate(90deg)}.carousel__button--next .icon{transform:rotate(-90deg)}.carousel{position:relative;width:100%;overflow:hidden;order:2}.carousel__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:0;scroll-padding:0;max-width:100%;width:100%}.carousel__track::-webkit-scrollbar{display:none}.carousel__slide{flex-shrink:0;scroll-snap-align:start;width:100%;max-width:100%;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.carousel__slide-image{width:100%;max-width:100%;position:relative;overflow:hidden}.carousel__slide-image img{width:100%;height:auto;display:block;object-fit:cover;border-radius:.5rem}.carousel--height-adapt .carousel__slide-image img{height:auto;max-height:588px;object-fit:contain}.carousel--height-small .carousel__slide-image{height:210px}.carousel--height-small .carousel__slide-image img{height:100%;width:100%;object-fit:cover}.carousel--height-medium .carousel__slide-image{height:294px}.carousel--height-medium .carousel__slide-image img{height:100%;width:100%;object-fit:cover}.carousel--height-large .carousel__slide-image{height:378px}.carousel--height-large .carousel__slide-image img{height:100%;width:100%;object-fit:cover}.carousel__slide-placeholder{aspect-ratio:4 / 3;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(var(--color-foreground),.04);border:2px dashed rgba(var(--color-foreground),.2);border-radius:.5rem;padding:2rem;text-align:center}.carousel__slide-placeholder .placeholder-icon{width:4rem;height:4rem;fill:rgba(var(--color-foreground),.3);margin-bottom:1rem}.carousel__slide-placeholder .placeholder-text{font-size:.875rem;color:rgba(var(--color-foreground),.55);text-transform:uppercase;letter-spacing:.05em}.carousel__slide-description{margin-top:1rem;text-align:center;order:2;display:grid;grid-template-areas:"description"}.carousel__description{grid-area:description;visibility:hidden;opacity:0;transition:opacity .3s ease}.carousel__description[data-active=true]{visibility:visible;opacity:1}.carousel__description-title{margin:0 0 .5rem;text-align:center}.carousel__description-text{margin:0;text-align:center}@media screen and (min-width: 550px) and (max-width: 749px){:root{--carousel-button-size: 4.25rem;--carousel-button-icon-size: 2rem}.journal-carousel__wrapper{gap:1.5rem}.carousel__slide-image{max-width:90%;margin:0 auto}}@media screen and (min-width: 750px){.journal-carousel__wrapper{grid-template-columns:minmax(250px,35%) minmax(0,65%);grid-template-rows:auto;gap:2rem;align-items:center}.journal-carousel__wrapper--text-left .journal-carousel__content{grid-column:1;grid-row:1}.journal-carousel__wrapper--text-left .journal-carousel__container,.journal-carousel__wrapper--text-right .journal-carousel__content{grid-column:2;grid-row:1}.journal-carousel__wrapper--text-right .journal-carousel__container{grid-column:1;grid-row:1}.journal-carousel__content{text-align:left}.carousel__description-title{display:none}.carousel--height-adapt .carousel__slide-image img{max-height:672px}.carousel--height-small .carousel__slide-image{height:252px}.carousel--height-medium .carousel__slide-image{height:378px}.carousel--height-large .carousel__slide-image{height:504px}}@media screen and (min-width: 750px) and (max-width: 989px){:root{--carousel-button-size: 4rem;--carousel-button-icon-size: 1.75rem}.journal-carousel__wrapper{gap:2rem}.carousel__navigation{padding:0 .5rem}}@media screen and (min-width: 990px){:root{--carousel-button-size: 4.5rem;--carousel-button-icon-size: 2rem}.journal-carousel__wrapper{gap:3rem}.carousel__navigation{padding:0 1rem}}.carousel__timeline{display:none;align-items:flex-start;justify-content:center;gap:.5rem;order:1;margin-bottom:2rem;padding:1rem 0;max-width:100%;width:100%;box-sizing:border-box;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.carousel__timeline::-webkit-scrollbar{height:4px}.carousel__timeline::-webkit-scrollbar-track{background:rgba(var(--color-foreground),.1);border-radius:2px}.carousel__timeline::-webkit-scrollbar-thumb{background:rgba(var(--color-foreground),.3);border-radius:2px}.timeline-step{flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:.75rem;background:none;border:none;padding:0;cursor:pointer;position:relative;min-width:80px;max-width:160px;transition:all .3s ease}.timeline-step:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:4px;border-radius:4px}.timeline-step__node{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:11px;z-index:1}.timeline-step__node:before{content:"";display:block;width:11px;height:11px;border-radius:50%;background:#d1d5db;border:none;transition:all .3s ease;position:relative;z-index:2}.timeline-step__connector{position:absolute;top:50%;left:50%;right:-50%;height:2px;background:#d1d5db;transform:translateY(-50%);z-index:0;transition:all .3s ease}.timeline-step:last-child .timeline-step__connector{display:none}.timeline-step__label{font-size:calc(var(--font-heading-scale) * 1.7rem);font-weight:600;line-height:1.3;color:rgba(var(--color-foreground),.4);text-align:center;transition:all .3s ease;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-wrap:break-word;max-width:100%}.timeline-step--active .timeline-step__node:before{background:#6b7280;width:13px;height:13px;box-shadow:0 0 0 4px #6b728026}.timeline-step--active .timeline-step__label{color:rgb(var(--color-foreground))}.timeline-step:hover .timeline-step__node:before{transform:scale(1.15);background:#9ca3af}.timeline-step:hover .timeline-step__label{color:rgba(var(--color-foreground),.85)}.timeline-step--active:hover .timeline-step__node:before{transform:scale(1.1);background:#4b5563}@media screen and (min-width: 750px){.journal-carousel__interactive{display:block}.carousel__timeline{display:flex;gap:.75rem;padding:1.5rem 0}.carousel__navigation{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);justify-content:space-between;gap:0;margin-top:0;padding:0 .75rem;pointer-events:none}.carousel__button{pointer-events:all}.carousel__timeline,.carousel,.carousel__slide-description,.carousel__navigation{order:0}.timeline-step{min-width:95px;max-width:180px}.timeline-step__label{font-size:calc(var(--font-heading-scale) * 1.8rem)}.timeline-step__node{height:12px}.timeline-step__node:before{width:12px;height:12px}.timeline-step--active .timeline-step__node:before{width:16px;height:16px}}@media screen and (min-width: 990px){.carousel__timeline{gap:1rem;padding:2rem 0}.timeline-step{min-width:110px;max-width:200px}.timeline-step__node{height:13px}.timeline-step__node:before{width:13px;height:13px}.timeline-step--active .timeline-step__node:before{width:17px;height:17px;box-shadow:0 0 0 6px #6b728026}}@media (prefers-reduced-motion: reduce){.carousel__track{scroll-behavior:auto}.timeline-item{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/section-journal-inside-carousel.css.map */