@layer components{.carousel-flip{--_carousel-item-track-gap:10px;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:1fr auto;grid-template-areas:"prev  carousel  next" ".     controls  .   ";gap:10px;opacity:0}.carousel-flip.mounted{opacity:1}.carousel-flip .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.carousel-flip .item-container{grid-area:carousel;display:flex;gap:var(--_carousel-item-track-gap);overflow-x:hidden;position:relative;isolation:isolate;max-inline-size:var(--_carousel-display-max-width);margin-inline:auto}.carousel-flip .item-container.allow-overflow{overflow-x:initial}.carousel-flip .item-container .item{display:flex;flex:0 0 100%;position:relative;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);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{grid-area:controls;display:flex;align-items:center;justify-content:center;max-inline-size:var(--_carousel-display-max-width);margin-inline:auto}.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;outline:1px solid transparent;box-shadow:none;cursor:pointer;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{display:flex;align-items:center;justify-content:center;cursor:pointer;height:-moz-fit-content;height:fit-content;background-color:#fff;border:1px solid light-dark(#0a0505,#ebebeb);border-radius:100vw;padding:8px}.carousel-flip .btn-action .arrows-icon{width:24px;height: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-columns:1fr;grid-template-areas:"carousel" "controls"}.carousel-flip[data-button-layout=controls-grouped-right] .buttons-container{display:flex;align-items:center;gap:10px;grid-area:controls;justify-self:end}.carousel-flip[data-button-layout=overlay] .controls-container{grid-area:carousel;align-self:end;z-index:1;padding-block-end:1rem}}