.qp-blocks--slider{--qp-slider--desktop: 3;--qp-slider--tablet: 2;--qp-slider--mobile: 1;--qp-slider--gap: var(--wp--preset--spacing--medium);--qp-slider--peek: var(--wp--preset--spacing--medium);--qp-slider--mask-width: 40px;position:relative;container-type:inline-size;container-name:qp-slider}.qp-blocks--slider__track{--slides-per-view: var( --qp-slider--mobile, 1 );--qp-slider--peek: var( --qp-slider--peek-mobile, 40px )}@supports(container-type: inline-size){@container qp-slider ( min-width: 600px ){.qp-blocks--slider__track{--slides-per-view: var( --qp-slider--tablet, 2 );--qp-slider--peek: var( --qp-slider--peek-tablet, 40px )}}@container qp-slider ( min-width: 900px ){.qp-blocks--slider__track{--slides-per-view: var( --qp-slider--desktop, 3 );--qp-slider--peek: var( --qp-slider--peek-desktop, 40px )}}}@property --qp-slider--fade-left{syntax:"<length-percentage>";initial-value:0px;inherits:false}@property --qp-slider--fade-right{syntax:"<length-percentage>";initial-value:0px;inherits:false}.qp-blocks--slider__viewport{position:relative;overflow:hidden;mask-image:linear-gradient(to right, transparent 0px, black var(--qp-slider--fade-left), black calc(100% - var(--qp-slider--fade-right)), transparent 100%);-webkit-mask-image:linear-gradient(to right, transparent 0px, black var(--qp-slider--fade-left), black calc(100% - var(--qp-slider--fade-right)), transparent 100%);transition:--qp-slider--fade-left 250ms ease,--qp-slider--fade-right 250ms ease}.qp-blocks--slider.has-mask.is-at-start .qp-blocks--slider__viewport{--qp-slider--fade-left: 0px;--qp-slider--fade-right: var( --qp-slider--mask-width, 40px )}.qp-blocks--slider.has-mask.is-in-middle .qp-blocks--slider__viewport{--qp-slider--fade-left: var( --qp-slider--mask-width, 40px );--qp-slider--fade-right: var( --qp-slider--mask-width, 40px )}.qp-blocks--slider.has-mask.is-at-end .qp-blocks--slider__viewport{--qp-slider--fade-left: var( --qp-slider--mask-width, 40px );--qp-slider--fade-right: 0px}.qp-blocks--slider__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--slides-per-view) - 1)*var(--qp-slider--gap) - var(--qp-slider--peek))/var(--slides-per-view));gap:var(--qp-slider--gap);overflow-x:scroll;overflow-y:clip;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;cursor:grab}.qp-blocks--slider__track.is-dragging{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none;user-select:none}.qp-blocks--slider__track::-webkit-scrollbar{display:none}.qp-blocks--slider:not(.has-mask) .qp-blocks--slider__track{grid-auto-columns:calc((100% - (var(--slides-per-view) - 1)*var(--qp-slider--gap))/var(--slides-per-view))}.qp-blocks--slide{scroll-snap-align:start;min-width:0}.qp-blocks--slider.has-negative-peek .qp-blocks--slide:last-child{scroll-snap-align:end}.qp-blocks--slider__controls{display:flex;align-items:center;justify-content:space-between;gap:var(--qp-slider--gap);margin-block-start:var(--wp--preset--spacing--small)}.qp-blocks--slider__dots-placeholder{flex:1}.qp-blocks--slider__dots{display:flex;align-items:center;gap:calc(var(--qp-slider--gap)/2);flex:1;flex-wrap:wrap}.qp-blocks--slider__dot{position:relative;height:calc(var(--qp-slider--gap)/6);width:var(--qp-slider--gap);padding:0;border:none;background-color:var(--wp--preset--color--primary);cursor:pointer;flex-shrink:0;transition:width 300ms ease,background-color 150ms ease,opacity 150ms ease,transform 150ms ease}.qp-blocks--slider__dot::after{content:"";position:absolute;left:-8px;top:-10px;width:calc(100% + 16px);height:24px}.qp-blocks--slider__dot.is-active,.qp-blocks--slider__dot[aria-selected=true]{width:calc(var(--qp-slider--gap) + var(--qp-slider--gap)/2);background-color:var(--wp--preset--color--primary-alt);transform:none}.qp-blocks--slider__dot:hover:not(.is-active):not([aria-selected=true]){background-color:var(--wp--preset--color--primary);transform:scale(1.1);width:calc(var(--qp-slider--gap) + var(--qp-slider--gap)/2)}.qp-blocks--slider__dot:focus-visible{outline:2px solid var(--wp--preset--color--primary-alt);outline-offset:4px;border-radius:3px}.qp-blocks--slider__nav{display:flex;align-items:center;gap:calc(var(--qp-slider--gap)/2);flex-shrink:0}.qp-blocks--slider__btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--wp--preset--spacing--medium);height:var(--wp--preset--spacing--medium);padding:0;border:1px solid var(--wp--preset--color--primary);border-radius:50%;background:rgba(0,0,0,0);cursor:pointer;flex-shrink:0;transition:transform 150ms ease,border-color 150ms ease}.qp-blocks--slider__btn svg{width:calc(var(--wp--preset--spacing--medium)/2);height:calc(var(--wp--preset--spacing--medium)/2);flex-shrink:0;color:var(--wp--preset--color--primary);transition:color 150ms ease}.qp-blocks--slider__btn svg path{fill:currentColor}.qp-blocks--slider__btn:hover:not(:disabled):not([aria-disabled=true]){transform:scale(1.12)}.qp-blocks--slider__btn:active:not(:disabled):not([aria-disabled=true]){transform:scale(0.9) !important}.qp-blocks--slider__btn:focus-visible{outline:2px solid var(--wp--preset--color--primary-alt);outline-offset:3px}.qp-blocks--slider__btn:disabled,.qp-blocks--slider__btn[aria-disabled=true]{opacity:.3}@media(prefers-reduced-motion: reduce){.qp-blocks--slider__track{scroll-behavior:auto}.qp-blocks--slider__btn,.qp-blocks--slider__dot{transition:none}.qp-blocks--slider__btn:hover,.qp-blocks--slider__btn:active{transform:none !important}.qp-blocks--slider__viewport{transition:none}}.has-primary-background-color .qp-blocks--slider__dot{background-color:var(--wp--preset--color--primary-accent)}.has-primary-background-color .qp-blocks--slider__dot.is-active,.has-primary-background-color .qp-blocks--slider__dot[aria-selected=true]{background-color:var(--wp--preset--color--primary-alt)}.has-primary-background-color .qp-blocks--slider__dot:hover:not(.is-active):not([aria-selected=true]){background-color:var(--wp--preset--color--primary-accent)}.has-primary-background-color .qp-blocks--slider__btn{border:1px solid var(--wp--preset--color--primary-accent)}.has-primary-background-color .qp-blocks--slider__btn svg{color:var(--wp--preset--color--primary-accent)}