rheidon-app-carousel{display:block;color:#151515;background:#fff;font-family:var(--font-body-family,Montserrat,Arial,sans-serif);font-style:var(--font-body-style,normal);font-weight:400;line-height:1.5;letter-spacing:normal;--rac-muted:#595e59;--rac-accent:#4dbf30}rheidon-app-carousel *,rheidon-app-carousel *:before,rheidon-app-carousel *:after{box-sizing:border-box}rheidon-app-carousel [hidden]{display:none!important}rheidon-app-carousel button{font:inherit;text-transform:none;letter-spacing:normal;cursor:pointer;box-shadow:none}rheidon-app-carousel button:focus-visible,rheidon-app-carousel [tabindex]:focus-visible{outline:3px solid #267319;outline-offset:4px}rheidon-app-carousel .rac-heading,rheidon-app-carousel .rac-copy h3{font-family:var(--font-heading-family,Montserrat,Arial,sans-serif);font-style:var(--font-heading-style,normal);color:inherit}rheidon-app-carousel .rac-empty{aspect-ratio:592/1280;display:grid;place-items:center}rheidon-app-carousel .rac-empty svg{width:80%;height:auto}rheidon-app-carousel.rac-section{padding:var(--rac-top,52px) 0 var(--rac-bottom,44px);overflow:hidden}rheidon-app-carousel .rac-header{max-width:var(--rac-width,1280px);padding:0 40px;margin:0 auto 30px;text-align:center}rheidon-app-carousel .rac-heading{font-size:var(--rheidon-section-title-size,44px);line-height:var(--rheidon-section-title-line-height,1.2);letter-spacing:var(--rheidon-copy-letter-spacing,0);font-weight:var(--rheidon-section-title-weight,700);margin:0 0 16px;text-wrap:balance}rheidon-app-carousel .rac-header p{margin:0 auto;font-size:var(--rheidon-description-size,16px);font-weight:var(--rheidon-description-weight,400);line-height:var(--rheidon-description-line-height,1.6);letter-spacing:var(--rheidon-copy-letter-spacing,0);color:var(--rac-muted);max-width:740px}rheidon-app-carousel .rac-nav{display:flex;flex-wrap:wrap;width:fit-content;max-width:calc(100% - 40px);margin:0 auto 30px;padding:5px;gap:4px;background:#f1f2f0;border-radius:12px}rheidon-app-carousel .rac-nav button{display:flex;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:10px 21px;background:transparent;border:0;border-radius:8px;color:#525852;font-size:15px;font-weight:500;transition:background .18s,color .18s}rheidon-app-carousel .rac-nav button svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;fill:none}rheidon-app-carousel .rac-nav button[aria-current=true]{background:#191c18;color:#fff}rheidon-app-carousel .rac-nav button[aria-current=true] svg{color:var(--rac-accent)}rheidon-app-carousel .rac-nav button:hover:not([aria-current=true]){background:#e4e8e0;color:#171b15}rheidon-app-carousel .rac-carousel{position:relative;max-width:var(--rac-width,1280px);margin:0 auto;--card-size:min(580px, calc(100vw - 160px) );--card-gap:24px;--rac-media-height:500px}rheidon-app-carousel .rac-track{display:flex;gap:var(--card-gap);overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;padding:0 calc((100% - var(--card-size))/2);cursor:grab;touch-action:pan-x pan-y}rheidon-app-carousel .rac-track::-webkit-scrollbar{display:none}rheidon-app-carousel .rac-track.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}rheidon-app-carousel .rac-slide{position:relative;display:flex;flex-direction:column;align-items:center;flex:0 0 var(--card-size);min-width:0;height:auto;min-height:650px;overflow:hidden;scroll-snap-align:center;scroll-snap-stop:always;background:#eeeeef;border-radius:22px;opacity:.46;transform:scale(.95);transition:opacity .28s,transform .4s cubic-bezier(.22,1,.36,1);-webkit-user-select:none;user-select:none}rheidon-app-carousel .rac-slide[data-active=true]{opacity:1;transform:scale(1)}rheidon-app-carousel .rac-media{position:relative;display:flex;align-items:center;justify-content:center;height:var(--rac-media-height);flex:0 0 var(--rac-media-height);width:100%;margin:0;overflow:hidden}rheidon-app-carousel .rac-screen{display:block;position:relative;flex:0 0 auto;width:234px;aspect-ratio:368/750;margin:0;padding:0}rheidon-app-carousel .rac-screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:var(--rac-phone-frame) center / 100% 100% no-repeat;pointer-events:none}rheidon-app-carousel .rac-screen img,rheidon-app-carousel .rac-screen .rac-empty{position:absolute;top:1.8%;left:4.35%;width:91.3%;height:96.4%;background:#f3f4f7;-webkit-mask:var(--rac-phone-mask) center / 100% 100% no-repeat;mask:var(--rac-phone-mask) center / 100% 100% no-repeat}rheidon-app-carousel .rac-screen img{display:block;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}rheidon-app-carousel .rac-copy{width:100%;max-width:none;padding:26px 38px 32px;position:relative}rheidon-app-carousel .rac-copy h3{margin:0 0 20px;font-size:var(--rheidon-feature-title-size,24px);font-weight:var(--rheidon-feature-title-weight,600);line-height:var(--rheidon-feature-title-line-height,1.3);letter-spacing:var(--rheidon-copy-letter-spacing,0);text-wrap:balance}rheidon-app-carousel .rac-copy p{margin:0;color:var(--rac-muted);font-size:var(--rheidon-description-size,16px);font-weight:var(--rheidon-description-weight,400);line-height:var(--rheidon-description-line-height,1.6);letter-spacing:var(--rheidon-copy-letter-spacing,0);max-width:500px;text-wrap:pretty}rheidon-app-carousel .rac-controls{height:0;margin:0}rheidon-app-carousel .rac-controls button{position:absolute;top:calc(var(--rac-media-height)/2);z-index:3;translate:0 -50%;display:grid;place-items:center;width:46px;height:46px;background:#151515;border:1px solid transparent;border-radius:50%;color:#fff;box-shadow:0 2px 8px #0000000a;transition:background .18s,transform .14s}rheidon-app-carousel .rac-controls button[data-direction="-1"]{left:calc(8.5% - 23px)}rheidon-app-carousel .rac-controls button[data-direction="1"]{right:calc(8.5% - 23px)}rheidon-app-carousel .rac-controls button:hover,rheidon-app-carousel .rac-controls button:focus-visible,rheidon-app-carousel .rac-controls button:active{background:var(--rac-accent);color:#fff}rheidon-app-carousel .rac-controls button:active{transform:scale(.94)}rheidon-app-carousel .rac-controls svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}rheidon-app-carousel .rac-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(min-width:750px)and (max-width:1000px){rheidon-app-carousel .rac-slide{height:auto;min-height:650px;border-radius:18px}rheidon-app-carousel .rac-copy{padding:24px 32px 28px}}@media(max-width:749px){rheidon-app-carousel.rac-section{padding:var(--rac-mobile-top,30px) 0 var(--rac-mobile-bottom,32px)}rheidon-app-carousel .rac-header{text-align:left;padding:0 24px;margin-bottom:22px}rheidon-app-carousel .rac-heading{margin-bottom:12px;text-wrap:initial;max-width:450px}rheidon-app-carousel .rac-header p{max-width:none}rheidon-app-carousel .rac-nav{width:calc(100% - 40px);max-width:390px;margin:0 auto 22px;padding:4px;gap:0;border-radius:10px}rheidon-app-carousel .rac-nav button{flex:1;min-height:44px;gap:0;padding:8px 6px;font-size:14px;border-radius:7px;white-space:nowrap}rheidon-app-carousel .rac-nav button svg{display:none}rheidon-app-carousel .rac-carousel{--card-size: calc(100vw - 72px) ;--card-gap:12px;--rac-media-height:470px}rheidon-app-carousel .rac-slide{display:flex;flex-direction:column;justify-content:flex-start;height:auto;min-height:490px;max-height:none;border-radius:18px;transform:scale(.96)}rheidon-app-carousel .rac-screen{width:min(220px,calc(100% - 32px))}rheidon-app-carousel .rac-copy{padding:22px 22px 24px;width:100%;max-width:none;flex:1}rheidon-app-carousel .rac-copy h3{margin-bottom:12px;text-wrap:initial;max-width:330px}rheidon-app-carousel .rac-copy p{max-width:none}rheidon-app-carousel .rac-controls button{width:44px;height:44px}rheidon-app-carousel .rac-controls button[data-direction="-1"]{left:clamp(8px,calc(50vw - 154px),24px)}rheidon-app-carousel .rac-controls button[data-direction="1"]{right:clamp(8px,calc(50vw - 154px),24px)}}@media(max-width:360px){rheidon-app-carousel .rac-copy{padding-left:18px;padding-right:18px}rheidon-app-carousel .rac-slide{min-height:480px}}@media(prefers-reduced-motion:reduce){rheidon-app-carousel .rac-track{scroll-behavior:auto}rheidon-app-carousel .rac-slide{transform:none!important}rheidon-app-carousel *,rheidon-app-carousel *:before,rheidon-app-carousel *:after{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/component-rheidon-app-carousel.css.map */