:root{--cold-color: #4a65ad;--hot-color: #ef804f;--cold-bg: #e6f4ff;--hot-bg: #fff1f0;--text-color: #fff;--dropdown-item-hover: #f0f0f0;--dropdown-bg: white;--dropdown-text: #333;--sen-blue: #4a65ad;line-height:1;--toggle-width: 120px;--toggle-height: 40px;--pill-width: 60px;--pill-height: 34px;--border-radius: 5px;--ratio-slider-thumb-size-desktop: 3rem;--ratio-slider-thumb-size-mobile: 4rem;line-height:normal}.i-want-container{text-align:center;font-size:2.4rem;line-height:2.4rem;color:var(--text-color);display:flex;flex-direction:column;align-items:center}.toggle-switch{position:relative;display:inline-block;width:var(--toggle-width);height:var(--toggle-height);margin:0 10px;vertical-align:middle;cursor:pointer}.toggle-thumb{position:absolute;width:var(--pill-width);height:var(--pill-height);left:3px;bottom:3px;background-color:var(--cold-color);border-radius:17px;transition:transform .3s,background-color .3s;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:14px;text-transform:uppercase;box-shadow:0 2px 5px #0003;z-index:1;color:#fff;font-family:Tollys Bold}.toggle-track{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--cold-bg);border-radius:34px;transition:background-color .3s;vertical-align:text-bottom}.toggle-labels{position:absolute;width:100%;height:100%;font-family:Tollys Bold}.toggle-iced,.toggle-hot{position:absolute;top:50%;transform:translateY(-50%);color:#888;font-size:14px;font-weight:700;text-transform:uppercase;transition:opacity .3s}.toggle-iced{left:12px;opacity:0}.toggle-hot{right:12px;opacity:1}.toggle-switch--active .toggle-track{background-color:var(--hot-bg)}.toggle-switch--active .toggle-thumb{transform:translate(calc(var(--toggle-width) - var(--pill-width) - 6px));background-color:var(--hot-color)}.toggle-switch--active .toggle-iced{opacity:1}.toggle-switch--active .toggle-hot{opacity:0}.switch{position:relative;display:inline-block;width:60px;height:34px}.slider-container{position:relative;width:100%;display:flex;justify-content:center}.fake-track{position:absolute;height:20px;background:#ddd;width:90%;z-index:0;border-radius:1.5rem}.ratio-slider{-webkit-appearance:none;appearance:none;width:100%;height:20px;outline:none;opacity:1;margin:0;z-index:1;background:transparent}.ratio-slider:focus{outline:none;box-shadow:none}.right-content{display:flex;flex-direction:column;align-items:center;gap:1rem;background-color:#fff;padding:1.5rem;border-radius:var(--border-radius);margin:0 1.5rem;width:70%}.instructions{background-color:#fff;margin-bottom:1rem;font-size:1.2rem}.pantone-card-container{display:flex;flex-direction:column;gap:1.5rem;align-items:center;justify-content:center}.slider-labels{display:flex;justify-content:space-between;font-size:.9rem;width:100%}.reset-button{padding:1rem 2rem;margin-top:1rem;cursor:pointer;background-color:var(--sen-blue);color:#fff;text-align:center;display:inline-block;font-size:1.2rem;border:none;letter-spacing:.1rem;border-radius:var(--border-radius)}.color-swatch{height:0;width:100%;padding-bottom:100%;transition:background-color .3s ease;content:" ";display:block}.pantone-container{width:60%;background-color:#fff;border:.75rem solid white;box-shadow:0 5px 10px #0000001a;position:relative;line-height:1.2rem;border-radius:var(--border-radius)}.pantone-logo{font-size:1.8rem;font-weight:700;font-family:Tollys Bold;letter-spacing:-1px;margin-top:.5rem}.color-name{font-size:1.2rem;font-weight:700;margin-bottom:2px;line-height:1.2rem}.color-id{font-size:14px}.pantone-info{background-color:#fff;padding-top:.75rem;display:flex;flex-direction:column;gap:1rem}.amounts-container{width:100%}.amount{display:flex;justify-content:space-between;font-size:1rem;letter-spacing:1px;margin-bottom:3px;line-height:1.5}.amount-label{text-align:left}.amount-value{text-align:right}#matcha,#water,#milk{display:inline-block;min-width:1.75em;text-align:right;padding-right:.2em}.switch input{opacity:0;width:0;height:0}.toggle{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.toggle:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.toggle{background-color:#2196f3}input:focus+.toggle{box-shadow:0 0 1px #2196f3}input:checked+.toggle:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translate(26px)}@media(min-width:768px){.section-wrapper{padding:8rem 0}.pantone-card-container{flex-direction:row;align-items:start}.pantone-container{width:240px}.pantone-logo{font-size:2rem}.color-name{font-size:1.5rem}.right-content{width:250px;margin:2rem 0 0}.amounts-container{max-width:50%}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/ratio-slider.css.map */