@layer blossom-carousel{[blossom-carousel]{white-space:nowrap;scroll-behavior:smooth;overscroll-behavior-x:contain;box-sizing:border-box;inline-size:100%;max-inline-size:100vw;list-style-type:none;display:inline-block;overflow:auto clip}[blossom-carousel]:is(ul){padding-inline-start:0}[blossom-carousel]{scrollbar-width:none}[blossom-carousel]::-webkit-scrollbar{display:none}[blossom-carousel][has-repeat=true]{padding-inline:50%!important;scroll-padding-inline:50%!important}[blossom-carousel][has-snap=true]{scroll-snap-type:var(--snap-type)!important}[blossom-carousel][has-overflow=true]{cursor:grab}[blossom-carousel][has-overflow=true]:active{cursor:grabbing}@media (pointer:fine){[blossom-carousel][has-overflow=true]:active{scroll-snap-type:none!important}}[blossom-carousel]>*{white-space:initial;vertical-align:top;display:inline-block}[blossom-carousel] *{-webkit-user-drag:none;-webkit-touch-callout:none;user-select:none}}:where(blossom-dots),:where([data-blossom-dots]){gap:var(--blossom-dots-gap,.5rem);justify-content:center;align-items:center;display:flex}:where([data-blossom-dot]){color:inherit;font:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}:where(blossom-prev button),:where(blossom-next button){touch-action:manipulation}:where([data-blossom-dot-marker]){inline-size:var(--blossom-dot-size,.625rem);block-size:var(--blossom-dot-size,.625rem);border-radius:var(--blossom-dot-radius,50%);background:var(--blossom-dot-color,currentColor);opacity:var(--blossom-dot-opacity,.35);transition:opacity .2s;display:block}:where([data-blossom-dot]:hover [data-blossom-dot-marker]){opacity:var(--blossom-dot-hover-opacity,.6)}:where([data-blossom-dot][aria-current=true] [data-blossom-dot-marker]){opacity:var(--blossom-dot-active-opacity,1)}blossom-dots>blossom-dot{display:none}.carousel{width:100%}.carousel__controls{justify-content:center;align-items:center;gap:var(--space-40);display:flex}.carousel__btn{cursor:pointer;background:#3a3939;border:1px solid #ffffff40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;padding:0;transition:background .15s,border-color .15s,opacity .15s;display:inline-flex}.carousel__btn:hover{background:#474646}.carousel__btn:disabled,.carousel__btn:has(button:disabled){opacity:.35;cursor:not-allowed}.carousel__btn>button{cursor:pointer;background:50%/24px no-repeat;border:0;width:100%;height:100%;padding:0;font-size:0}.carousel__btn--prev>button{background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_13302_2)'%3e%3cpath%20d='M16.495%2021L7.5%2011.973L16.5%203'%20stroke='white'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_13302_2'%3e%3crect%20width='24'%20height='24'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e")}.carousel__btn--next>button{background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_13302_943)'%3e%3cpath%20d='M7.505%203L16.5%2012.027L7.5%2021'%20stroke='white'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_13302_943'%3e%3crect%20width='24'%20height='24'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e")}.carousel__dots{align-items:center;gap:var(--space-16);--blossom-dot-size:var(--space-8);--blossom-dot-radius:var(--radius-tag);--blossom-dot-color:#ffffff4d;--blossom-dot-active-opacity:1;--blossom-dot-opacity:1;--blossom-dot-hover-opacity:1;display:flex}.carousel__dots [data-blossom-dot-marker]{inline-size:32px}.carousel__dots [data-blossom-dot][aria-current=true] [data-blossom-dot-marker]{background:var(--orange);opacity:1}@media (width<=790px){.carousel__controls{gap:var(--space-40)}.carousel__dots{gap:var(--space-16)}}@media (width<=670px){.carousel__btn{width:var(--space-40);height:var(--space-40)}.carousel__controls{gap:20px}.carousel__dots{gap:var(--space-8)}.carousel__dots [data-blossom-dot-marker]{inline-size:26px}}
