.cr-scope cr-hero{display:block}.cr-scope .cr-slideshow{position:relative;overflow:hidden;background:var(--cr-img-bg)}.cr-scope .cr-slideshow__track{display:flex;transition:transform .8s var(--cr-ease-slide);touch-action:pan-y}.cr-scope .cr-slide{position:relative;flex:0 0 100%;min-width:0}.cr-scope .cr-slide__media{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;height:clamp(500px,44vw,660px);background:#fff}.cr-scope .cr-slide__media div{position:relative;overflow:hidden;background:var(--cr-img-bg)}.cr-scope .cr-slide__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 14%;transform:scale(1.04);transition:transform 7s ease}.cr-scope .cr-slide.is-active .cr-slide__media img{transform:scale(1)}.cr-scope .cr-slide__card{position:absolute;left:max(var(--cr-gutter),calc((100vw - var(--cr-page-max)) / 2 + var(--cr-gutter)));bottom:84px;width:min(440px,calc(100% - 2 * var(--cr-gutter)));background:#fffffff5;padding:30px 34px 32px;box-shadow:var(--cr-shadow-card);opacity:0;transform:translateY(14px);transition:opacity .6s ease .25s,transform .6s ease .25s}.cr-scope .cr-slide.is-active .cr-slide__card{opacity:1;transform:none}.cr-scope .cr-slide__card h1,.cr-scope .cr-slide__card h2{font-size:clamp(34px,3.4vw,52px);margin:0 0 14px}.cr-scope .cr-slide__card p{font-size:16px;color:var(--cr-muted);margin:0 0 22px}.cr-scope .cr-drop__next{display:flex;align-items:center;gap:14px;margin:0 0 30px;padding:14px 18px;background:#fff;border:1px solid var(--cr-line)}.cr-scope .cr-slide__card .cr-drop__next{margin-bottom:22px}.cr-scope .cr-drop__next strong{display:block;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--cr-rose-deep)}.cr-scope .cr-drop__next span{display:block;font-size:17px;font-weight:700}.cr-scope .cr-drop__next .cr-drop__cal{display:grid;width:44px;height:44px;flex:none;place-items:center;background:var(--cr-choc);color:#fff;font-size:18px;font-weight:700;line-height:1}.cr-scope .cr-slideshow__controls{position:absolute;left:50%;bottom:22px;transform:translate(-50%);display:flex;align-items:center;gap:2px;padding:5px;border-radius:999px;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--cr-shadow-controls)}.cr-scope .cr-ss-btn{width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:50%;padding:0;background:transparent;color:var(--cr-choc);cursor:pointer;transition:background-color .15s,color .15s}.cr-scope .cr-ss-btn:hover{background:var(--cr-choc);color:#fff}.cr-scope .cr-ss-btn svg{width:15px;height:15px}.cr-scope .cr-ss-icon-play,.cr-scope .cr-slideshow.is-paused .cr-ss-icon-pause{display:none}.cr-scope .cr-slideshow.is-paused .cr-ss-icon-play{display:block}.cr-scope .cr-ss-dots{display:flex;align-items:center;gap:7px;padding:0 8px}.cr-scope .cr-ss-dot{position:relative;width:9px;height:9px;border:0;padding:0;border-radius:999px;background:var(--cr-dot);cursor:pointer;overflow:hidden;transition:width .35s ease,background-color .2s}.cr-scope .cr-ss-dot:before{content:"";position:absolute;top:-12px;right:-4px;bottom:-12px;left:-4px}.cr-scope .cr-ss-dot span{position:absolute;top:0;right:0;bottom:0;left:0;width:0;border-radius:999px;background:var(--cr-choc)}.cr-scope .cr-ss-dot[aria-current=true]{width:36px;background:var(--cr-line)}.cr-scope .cr-ss-dot[aria-current=true] span{width:100%}.cr-scope .cr-slideshow.is-playing .cr-ss-dot[aria-current=true] span{width:0;animation:cr-ssfill var(--cr-ss-delay, 6s) linear forwards}@keyframes cr-ssfill{to{width:100%}}@media(max-width:749px){.cr-scope .cr-slide__media{grid-template-columns:1fr;height:auto}.cr-scope .cr-slide__media div{aspect-ratio:4 / 5}.cr-scope .cr-slide__media div:not(:first-child){display:none}.cr-scope .cr-slide__card{position:static;width:auto;box-shadow:none;padding:22px var(--cr-gutter) 30px;background:#fff;opacity:1;transform:none}.cr-scope .cr-slide__card .cr-btn{width:100%}.cr-scope .cr-slideshow__controls{top:calc(125vw - 60px);bottom:auto}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/cr-hero.css.map */