.scale-selector{position:relative;padding:4rem 0;overflow:hidden;padding-top:var(--padding-top, 4rem);padding-bottom:var(--padding-bottom, 4rem)}.scale-selector__container{display:flex;flex-direction:column;align-items:center;gap:1rem;position:relative;z-index:1;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:calc(var(--media-radius) - var(--media-border-width));padding:4rem 2rem}.scale-selector__title{color:rgb(var(--color-foreground));text-align:center;margin:0;font-weight:700;line-height:1.2}.scale-selector__image-wrapper{position:relative;width:100%;max-width:600px;display:flex;align-items:center;justify-content:center;min-height:300px}.scale-selector__image{width:100%;height:auto;object-fit:contain;transition:transform .3s cubic-bezier(.4,0,.2,1);will-change:transform;transform:scale(1)}.scale-selector__slider-container{width:100%;max-width:100%;position:relative;padding:5rem 0 2rem;overflow-x:hidden;overflow-y:visible}.scale-selector__slider{position:relative;display:flex;justify-content:flex-start;align-items:flex-start;width:100%;max-width:800px;height:auto;margin:0 auto;gap:16px}.scale-selector__scale-item{position:relative;display:flex;flex-direction:column;align-items:center;flex:1;min-width:0}.scale-selector__scale-label{font-size:1.4rem;color:#fecf00;font-weight:600;white-space:nowrap;-webkit-user-select:none;user-select:none;margin-bottom:20px;text-align:center}.scale-selector__scale-lines{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:40px;width:100%}.scale-selector__scale-line{width:2px;height:20px;background:#fff;flex-shrink:0;align-self:center}.scale-selector__scale-line--tall{height:40px;align-self:flex-end}.scale-selector__pointer{position:absolute;top:-30px;left:10%;transform:translate(-50%);width:88px;height:122px;cursor:grab;-webkit-user-select:none;user-select:none;z-index:10;transition:left .3s cubic-bezier(.4,0,.2,1);touch-action:none;pointer-events:auto}.scale-selector__pointer:active{cursor:grabbing}.scale-selector__pointer svg{width:100%;height:100%;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.scale-selector__pointer-text{position:absolute;top:35%;left:50%;transform:translate(-50%,-50%);font-size:1.6rem;font-weight:700;color:#fecf00;white-space:nowrap;pointer-events:none}.scale-selector__button-wrapper{display:flex;justify-content:center;width:100%}.scale-selector__button-wrapper .button{min-width:200px}@media screen and (max-width: 768px){.scale-selector{padding:2rem 0}.scale-selector__container{gap:2rem;padding:2rem 1rem;border-radius:0}.scale-selector__title{font-size:2rem}.scale-selector__image-wrapper{max-width:90%;min-height:200px}.scale-selector__image{transform:scale(.67)}.scale-selector__slider-container{max-width:100%;padding:4rem 0 1.5rem;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;position:initial;scroll-snap-type:x mandatory;padding-right:calc(50vw - 20px)}.scale-selector__slider-container::-webkit-scrollbar{display:none}.scale-selector__slider{max-width:none;width:auto;margin:0;padding-left:calc(50vw - 60px);padding-right:0;gap:12px;position:initial}.scale-selector__scale-item{flex:0 0 120px;width:120px;scroll-snap-align:center;scroll-snap-stop:always}.scale-selector__spacer--mobile{flex:0 0 calc(50vw - 60px);width:calc(50vw - 60px);height:1px;display:block}.scale-selector__scale-label{font-size:1.2rem;margin-bottom:15px}.scale-selector__scale-lines{height:30px}.scale-selector__scale-line{height:15px}.scale-selector__scale-line--tall{height:30px}.scale-selector__pointer{width:66px;height:91px;position:absolute;left:50%;top:auto;bottom:19%;transform:translate(-50%);pointer-events:none;z-index:20}.scale-selector__pointer-text{font-size:1.3rem;top:33%}.scale-selector__button-wrapper .button{min-width:160px}.page-width:has(.scale-selector){padding:0}}@media screen and (max-width: 480px){.scale-selector__title{font-size:1.6rem}.scale-selector__slider-container{padding-right:calc(50vw - 20px)}.scale-selector__slider{gap:12px;padding-left:calc(50vw - 60px);padding-right:0}}.scale-selector__pointer.is-dragging{transition:none}.scale-selector__image.is-scaling{transition:transform .3s cubic-bezier(.4,0,.2,1)}.section-scale-selector-template--padding{padding-top:var(--padding-top, 36px);padding-bottom:var(--padding-bottom, 36px)}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-scale-selector.css.map */