.engraving-slot-showcase-section{position:sticky;top:var(--header-height, 0px);z-index:49;transition:top .3s ease}.engraving-slot-showcase{width:100%;background-color:#f5f5f5;border-bottom:1px solid #e0e0e0;transition:background-color .3s ease;position:relative}.engraving-slot-showcase:after{content:"";position:absolute;top:0;left:0;width:100%;bottom:0;z-index:-1;opacity:0;pointer-events:none;transition:opacity .3s ease}.engraving-slot-showcase.engraving--shadow-small:after{box-shadow:0 2px 5px #0000000f}.engraving-slot-showcase.engraving--shadow-medium:after{box-shadow:0 9px 38px #0000000d,0 5px 12px #0000001a}.engraving-slot-showcase.engraving--shadow-large:after{box-shadow:0 19px 38px #0000001a,0 5px 22px #00000026}.engraving-slot-showcase.is-scrolled:after{opacity:1}.engraving-slot-showcase.level-1{background-color:#ecfdf3}.engraving-slot-showcase.level-1 .engraving-info-trigger{color:#027a48}.engraving-slot-showcase.level-1 .engraving-slot-showcase--progress-bar{background:#027a48}.engraving-slot-showcase.level-2{background-color:#ffdccc}.engraving-slot-showcase.level-2 .engraving-info-trigger{color:#ff6720}.engraving-slot-showcase.level-2 .engraving-slot-showcase--progress-bar{background:#ff6720}.engraving-slot-showcase.level-3{background-color:#ffe5e4}.engraving-slot-showcase.level-3 .engraving-info-trigger{color:#b42318}.engraving-slot-showcase.level-3 .engraving-slot-showcase--progress-bar{background:#b42318}.engraving-slot-showcase--inner{display:flex;align-items:center;justify-content:start;gap:16px;padding:5px 50px;max-width:1600px;margin:0 auto}@media screen and (max-width:749px){.engraving-slot-showcase--inner{gap:7.5px;padding:5px 15px;flex-wrap:wrap;justify-content:center}}.engraving-info-trigger{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity .2s ease;color:#666}.engraving-info-trigger:hover{opacity:.7}.engraving-info-trigger svg{width:18px;height:18px;display:block}@media screen and (max-width:749px){.engraving-info-trigger svg{width:16px;height:16px}}.engraving-slot-showcase--text{font-size:14px;color:#333;display:flex;align-items:center;gap:5px;line-height:1.4;white-space:nowrap;flex-shrink:0}@media screen and (max-width:749px){.engraving-slot-showcase--text{font-size:13px;gap:4px}}.engraving-slot-showcase--number-wrapper{display:inline-flex;align-items:center;justify-content:center;position:relative;height:1.4em;overflow:visible;font-weight:700}.engraving-slot-showcase--digit-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;height:1.4em;width:.55em;overflow:hidden}.engraving-slot-showcase--digit{position:absolute;left:0;right:0;height:100%;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.engraving-slot-showcase--digit.current{transform:translateY(0)}.engraving-slot-showcase--digit.next-above{transform:translateY(-100%)}.engraving-slot-showcase--digit.next-below{transform:translateY(100%)}.engraving-slot-showcase--digit.exit-above{transform:translateY(-100%)}.engraving-slot-showcase--digit.exit-below{transform:translateY(100%)}.engraving-slot-showcase--progress-container{flex:1;max-width:300px;height:9px;background:#fff;border-radius:3px;overflow:hidden;position:relative}@media screen and (max-width:749px){.engraving-slot-showcase--progress-container{max-width:100%;height:7px;order:3}}.engraving-slot-showcase--progress-bar{height:100%;background:#000;border-radius:3px;transition:width .3s ease;position:relative;overflow:hidden}.engraving-slot-showcase--progress-shine{position:absolute;top:0;left:-100px;width:100px;height:100%;background:linear-gradient(90deg,#fff0,#fffc,#fff0);animation:engraving-shine .6s ease-out}.engraving-slot-showcase--progress-shine.reverse{animation:engraving-shine-reverse .6s ease-out}@keyframes engraving-shine{0%{left:-100px}to{left:calc(100% + 100px)}}@keyframes engraving-shine-reverse{0%{left:calc(100% + 100px)}to{left:-100px}}.engraving-info-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:none;pointer-events:none}.engraving-info-modal.active{display:block;pointer-events:auto}.engraving-info-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000;transition:background-color .3s ease;cursor:pointer;z-index:1}.engraving-info-modal.active .engraving-info-overlay{background-color:#00000080}.engraving-info-content{position:absolute;background:#fff;border-radius:8px;padding:24px;max-width:400px;box-shadow:0 4px 20px #00000026;opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease;z-index:2}.engraving-info-modal.active .engraving-info-content{opacity:1;transform:translateY(0)}@media screen and (max-width:749px){.engraving-info-content{top:50%;left:50%;transform:translate(-50%,-50%) translateY(20px);width:calc(100% - 40px);max-width:350px}.engraving-info-modal.active .engraving-info-content{transform:translate(-50%,-50%)}}@media screen and (min-width:750px){.engraving-info-content{position:fixed;top:calc(var(--trigger-top, 0px) + var(--trigger-height, 0px) + 10px);left:var(--trigger-left, 0px);transform:translateY(20px);box-shadow:0 8px 30px #00000040,0 2px 8px #00000026}.engraving-info-modal.active .engraving-info-content{transform:translateY(0)}}.engraving-info-close{position:absolute;top:12px;right:12px;background:none;border:none;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease}.engraving-info-close:hover{background-color:#f5f5f5}.engraving-info-close svg{display:block}.engraving-info-text{font-size:14px;line-height:1.6;color:var(--color-body, #333);padding-right:20px}
/*# sourceMappingURL=/cdn/shop/t/151/assets/engraving-slot-showcase.css.map */