@layer components{.carousel-flip{--_carousel-item-track-gap:10px;display:grid;gap:10px;grid-template-areas:"prev  carousel  next" ".     controls  .   ";grid-template-columns:auto 1fr auto;grid-template-rows:1fr auto;opacity:0}.carousel-flip.mounted{opacity:1}.carousel-flip .sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.carousel-flip .item-container{display:flex;gap:var(--_carousel-item-track-gap);grid-area:carousel;isolation:isolate;margin-inline:auto;max-inline-size:var(--_carousel-display-max-width);overflow-x:hidden;position:relative}.carousel-flip .item-container.allow-overflow{overflow-x:initial}.carousel-flip .item-container .item{display:flex;flex:0 0 100%;margin-inline:auto;max-inline-size:calc(var(--_carousel-container-max-inline-size) + var(--_carousel-item-track-gap) - var(--_carousel-item-edge-preview-width)*2);position:relative;translate:calc(var(--v493ccb5b) - var(--_carousel-item-track-gap) + var(--_carousel-item-edge-preview-width)) 0}.carousel-flip .item-container .item.loaded{transition:transform var(--c61a5662) ease}.carousel-flip .controls-container{align-items:center;display:flex;grid-area:controls;justify-content:center;margin-inline:auto;max-inline-size:var(--_carousel-display-max-width)}.carousel-flip .controls-container .markers-container .markers-list{display:flex;flex-direction:row;gap:10px;list-style-type:none;margin:unset;padding:unset}.carousel-flip .controls-container .markers-container .markers-list .markers-item .btn-marker{border:1px solid transparent;box-shadow:none;cursor:pointer;outline:1px solid transparent;transition:background-color var(--c61a5662) linear}.carousel-flip .controls-container .markers-container .markers-list .markers-item .btn-marker.active{background-color:light-dark(var(--slate-10),var(--slate-00))}.carousel-flip .buttons-container{display:contents}.carousel-flip .btn-prev{grid-area:prev}.carousel-flip .btn-next,.carousel-flip .btn-prev{align-self:center;z-index:1}.carousel-flip .btn-next{grid-area:next}.carousel-flip .btn-action{align-items:center;background-color:#fff;border:1px solid light-dark(#0a0505,#ebebeb);border-radius:100vw;cursor:pointer;display:flex;height:-moz-fit-content;height:fit-content;justify-content:center;padding:8px}.carousel-flip .btn-action .arrows-icon{height:24px;width:24px}.carousel-flip[data-button-layout=controls-flanking] .btn-prev{grid-column:1}.carousel-flip[data-button-layout=controls-flanking] .btn-next,.carousel-flip[data-button-layout=controls-flanking] .btn-prev{grid-area:unset;grid-row:2}.carousel-flip[data-button-layout=controls-flanking] .btn-next{grid-column:3}.carousel-flip[data-button-layout=controls-grouped-right]{grid-template-areas:"carousel" "controls";grid-template-columns:1fr}.carousel-flip[data-button-layout=controls-grouped-right] .buttons-container{align-items:center;display:flex;gap:10px;grid-area:controls;justify-self:end}.carousel-flip[data-button-layout=overlay] .controls-container{align-self:end;grid-area:carousel;padding-block-end:1rem;z-index:1}}