.easy-btn-wrap{--easy-btn-card-w: min(calc(712 * var(--rbn-u)), 712px);--easy-btn-card-h: min(calc(580 * var(--rbn-u)), 580px);--easy-btn-card-gap: min(calc(24 * var(--rbn-u)), 24px);--easy-btn-visual-w: min(calc(491 * var(--rbn-u)), 491px);--easy-btn-visual-shift: min(calc(43 * var(--rbn-u)), 43px);--easy-btn-radius-end: min(calc(90 * var(--rbn-u)), 90px);--easy-btn-radius-mid: min(calc(6 * var(--rbn-u)), 6px);--easy-btn-border: min(calc(4 * var(--rbn-u)), 4px);--easy-btn-progress-h: min(calc(9 * var(--rbn-u)), 9px);--easy-btn-progress-h-active: min(calc(13 * var(--rbn-u)), 13px);position:relative;display:flex;flex-direction:column;align-items:center;gap:min(calc(72 * var(--rbn-u)),72px);width:100%;overflow-x:clip;background:#f3e94c;color:#000;padding:min(calc(96 * var(--rbn-u)),96px) 0 min(calc(144 * var(--rbn-u)),144px)}.easy-btn-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.easy-btn-bg picture,.easy-btn-bg-img{display:block;width:100%;height:100%}.easy-btn-bg-img{object-fit:cover;object-position:center}.easy-btn-inner{position:relative;z-index:2;box-sizing:border-box;width:var(--rbn-content-max-pc);max-width:100%}.easy-btn-header{display:flex;flex-direction:column;align-items:center;gap:min(calc(16 * var(--rbn-u)),16px);width:100%;text-align:center}.easy-btn-title{display:flex;justify-content:center;margin:0;width:100%;font-size:0;line-height:0}.easy-btn-title picture,.easy-btn-title-img{display:block}.easy-btn-title-img{width:auto;height:min(calc(67 * var(--rbn-u)),67px);max-width:100%;object-fit:contain}.easy-btn-intro{margin:0;width:100%;color:#000;font-family:Poppins,sans-serif;font-size:min(calc(24 * var(--rbn-u)),24px);font-weight:600;line-height:normal}.easy-btn-stage{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:min(calc(48 * var(--rbn-u)),48px);align-self:stretch;width:100%;box-sizing:border-box;padding-left:calc((100% - var(--rbn-content-max-pc)) / 2)}.easy-btn-swiper.swiper{overflow:visible;width:100%;height:var(--easy-btn-card-h);margin:0;clip-path:inset(-80px -100vw 0 -100vw)}.easy-btn-swiper .easy-btn-slide{box-sizing:border-box;width:var(--easy-btn-card-w);height:var(--easy-btn-card-h)}.easy-btn-card{position:relative;box-sizing:border-box;width:100%;height:100%;overflow:visible;background:#2acaeb;border:var(--easy-btn-border) solid #000}.easy-btn-card--mode{border-radius:var(--easy-btn-radius-end) 0 0 var(--easy-btn-radius-end)}.easy-btn-card--volume{border-radius:var(--easy-btn-radius-mid)}.easy-btn-card--play{border-radius:0 var(--easy-btn-radius-end) var(--easy-btn-radius-end) 0}.easy-btn-card-visual{position:absolute;top:calc(-1 * var(--easy-btn-visual-shift));left:min(calc(-4 * var(--rbn-u)),-4px);z-index:1;width:var(--easy-btn-visual-w);pointer-events:none}.easy-btn-card--mode .easy-btn-card-visual{overflow:hidden;border-bottom-left-radius:var(--easy-btn-radius-end)}.easy-btn-card--play .easy-btn-card-visual{left:auto;right:min(calc(-4 * var(--rbn-u)),-4px);overflow:hidden;border-bottom-right-radius:var(--easy-btn-radius-end)}.easy-btn-card-visual picture,.easy-btn-card-img{display:block;width:100%;height:auto}.easy-btn-card-img{object-fit:contain;object-position:left bottom}.easy-btn-card--play .easy-btn-card-img{object-position:right bottom}@media screen and (min-width:721px){.easy-btn-card--volume .easy-btn-card-visual{width:min(calc(553 * var(--rbn-u)),553px)}.easy-btn-card--volume .easy-btn-card-visual picture,.easy-btn-card--volume .easy-btn-card-img{width:100%;height:100%}.easy-btn-card--play .easy-btn-card-visual{height:min(calc(623 * var(--rbn-u)),623px)}.easy-btn-card--play .easy-btn-card-visual picture{width:min(calc(559 * var(--rbn-u)),559px);height:min(calc(623 * var(--rbn-u)),623px);max-width:none;position:relative;left:calc(-1*min(calc(68 * var(--rbn-u)),68px))}.easy-btn-card--play .easy-btn-card-img{width:100%;height:100%;max-width:none;object-fit:contain;object-position:right bottom}}.easy-btn-card-copy{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:flex-end;gap:min(calc(18 * var(--rbn-u)),18px);top:min(calc(36 * var(--rbn-u)),36px);left:min(calc(415 * var(--rbn-u)),415px);width:min(calc(253 * var(--rbn-u)),253px);text-align:right}.easy-btn-card--volume .easy-btn-card-copy{left:min(calc(415 * var(--rbn-u)),415px);width:min(calc(253 * var(--rbn-u)),253px)}.easy-btn-card--play .easy-btn-card-copy{left:min(calc(44 * var(--rbn-u)),44px);width:min(calc(278 * var(--rbn-u)),278px);align-items:flex-start;text-align:left}.easy-btn-card-title{margin:0;width:100%;font-size:0;line-height:0}.easy-btn-card-title picture,.easy-btn-card-title-img{display:block;width:100%;height:auto}.easy-btn-card-title-img{object-fit:contain;object-position:right center}.easy-btn-card--play .easy-btn-card-title-img{object-position:left center}.easy-btn-card-text{margin:0;width:100%;color:#000;font-family:Poppins,sans-serif;font-size:min(calc(24 * var(--rbn-u)),24px);font-weight:500;line-height:normal}.easy-btn-progress{display:flex;align-items:center;justify-content:center;gap:min(calc(7 * var(--rbn-u)),7px);width:var(--rbn-content-max-pc);max-width:100%;min-height:var(--easy-btn-progress-h-active)}.easy-btn-progress-bar{width:min(calc(213 * var(--rbn-u)),213px);height:var(--easy-btn-progress-h);padding:0;border:none;background:#a2a2a2;cursor:pointer;transition:background-color .2s ease}.easy-btn-progress-bar:first-child{border-radius:1000px 0 0 1000px}.easy-btn-progress-bar:last-child{border-radius:0 1000px 1000px 0}.easy-btn-progress-bar.is-active{height:var(--easy-btn-progress-h-active);background:#2acaeb}.easy-btn-progress-bar:focus-visible{outline:2px solid #000;outline-offset:3px}@media screen and (max-width:720px){.easy-btn-wrap{--easy-btn-card-w: min(calc(320 * var(--rbn-u)), 320px);--easy-btn-card-h: min(calc(260 * var(--rbn-u)), 260px);--easy-btn-card-gap: min(calc(12 * var(--rbn-u)), 12px);--easy-btn-visual-w: min(calc(221 * var(--rbn-u)), 221px);--easy-btn-visual-shift: min(calc(19 * var(--rbn-u)), 19px);--easy-btn-radius-end: min(calc(40.45 * var(--rbn-u)), 40.45px);--easy-btn-radius-mid: min(calc(2.7 * var(--rbn-u)), 2.7px);--easy-btn-border: min(calc(1.8 * var(--rbn-u)), 1.8px);--easy-btn-progress-h: min(calc(5.3 * var(--rbn-u)), 5.3px);--easy-btn-progress-h-active: min(calc(7.7 * var(--rbn-u)), 7.7px);padding:min(calc(72 * var(--rbn-u)),72px) 0 min(calc(144 * var(--rbn-u)),144px)}.easy-btn-inner{width:var(--rbn-content-max-m)}.easy-btn-title-img{height:min(calc(48 * var(--rbn-u)),48px)}.easy-btn-intro{font-size:min(calc(18 * var(--rbn-u)),18px)}.easy-btn-stage{padding-left:calc((100% - var(--rbn-content-max-m)) / 2)}.easy-btn-card--mode .easy-btn-card-copy{top:min(calc(17 * var(--rbn-u)),17px);left:min(calc(191 * var(--rbn-u)),191px);width:min(calc(109 * var(--rbn-u)),109px);gap:min(calc(6 * var(--rbn-u)),6px)}.easy-btn-card--volume .easy-btn-card-copy{top:min(calc(17 * var(--rbn-u)),17px);left:min(calc(210 * var(--rbn-u)),210px);width:min(calc(90 * var(--rbn-u)),90px);gap:min(calc(6 * var(--rbn-u)),6px)}.easy-btn-card--play .easy-btn-card-copy{top:min(calc(17 * var(--rbn-u)),17px);left:min(calc(20 * var(--rbn-u)),20px);width:min(calc(97 * var(--rbn-u)),97px);gap:min(calc(8 * var(--rbn-u)),8px)}.easy-btn-card-visual{left:min(calc(-2 * var(--rbn-u)),-2px)}.easy-btn-card--play .easy-btn-card-visual{right:min(calc(-2 * var(--rbn-u)),-2px)}.easy-btn-card-text{font-size:min(calc(12 * var(--rbn-u)),12px)}.easy-btn-progress{width:var(--rbn-content-max-m)}.easy-btn-progress-bar{width:min(calc(127 * var(--rbn-u)),127px)}}
/*# sourceMappingURL=/cdn/shop/t/53/assets/mini-minions-easy-3-button-interaction.css.map */