.gravel-calc-trigger{position:fixed;right:0;top:40%;transform:translateY(-50%);z-index:100;background-color:var(--gravel-calc-trigger-bg, #63b32f);color:var(--gravel-calc-trigger-color, #fff);border:none;border-radius:8px 0 0 8px;padding:16px 10px;cursor:pointer;writing-mode:vertical-rl;text-orientation:mixed;font-size:1.4rem;font-weight:600;letter-spacing:.5px;line-height:1;box-shadow:-2px 2px 8px #00000026;transition:background-color .2s ease,transform .2s ease;font-family:inherit}.gravel-calc-trigger:hover{background-color:var(--gravel-calc-trigger-bg-hover, #55af10)}.gravel-calc-trigger svg{width:20px;height:20px;margin-bottom:8px}gravel-calculator.is-open .gravel-calc-trigger{transform:translateY(-30%) translate(100%);pointer-events:none}.gravel-calc-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:101;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}gravel-calculator.is-open .gravel-calc-overlay{opacity:1;visibility:visible}.gravel-calc-panel{position:fixed;top:0;right:0;bottom:0;z-index:102;width:100%;max-width:380px;background:#fff;box-shadow:-4px 0 20px #00000026;transform:translate(100%);transition:transform .3s ease;display:flex;flex-direction:column;overflow-y:auto}gravel-calculator.is-open .gravel-calc-panel{transform:translate(0)}.gravel-calc-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background-color:var(--gravel-calc-trigger-bg, #63b32f);color:#fff;flex-shrink:0}.gravel-calc-header h2{margin:0;font-size:1.8rem;font-weight:600;color:inherit}.gravel-calc-close{background:none;border:none;color:#fff;cursor:pointer;padding:4px;line-height:1;font-size:2.4rem;font-family:inherit}.gravel-calc-close:hover{opacity:.8}.gravel-calc-body{padding:24px;flex:1}.gravel-calc-field{margin-bottom:20px}.gravel-calc-field label{display:block;font-weight:600;font-size:1.4rem;margin-bottom:8px;color:#333}.gravel-calc-field input,.gravel-calc-field select{width:100%;padding:12px 14px;border:1px solid #ccc;border-radius:6px;font-size:1.6rem;font-family:inherit;background:#fff;transition:border-color .2s;box-sizing:border-box}.gravel-calc-field input:focus,.gravel-calc-field select:focus{outline:none;border-color:var(--gravel-calc-trigger-bg, #63b32f);box-shadow:0 0 0 2px #63b32f33}.gravel-calc-field input::placeholder{color:#999}.gravel-calc-shape-toggle{display:flex;gap:8px}.gravel-calc-shape-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:2px solid #ddd;border-radius:6px;background:#fff;cursor:pointer;font-size:1.3rem;font-weight:500;font-family:inherit;color:#555;transition:border-color .2s,background-color .2s,color .2s}.gravel-calc-shape-btn:hover{border-color:#bbb}.gravel-calc-shape-btn.is-active{border-color:var(--gravel-calc-trigger-bg, #63b32f);background:#63b32f0f;color:var(--gravel-calc-trigger-bg, #63b32f)}.gravel-calc-shape-btn svg{width:24px;height:24px;flex-shrink:0}.gravel-calc-row{display:flex;gap:12px}.gravel-calc-field--half{flex:1}.gravel-calc-dimensions>label{display:block;font-weight:600;font-size:1.4rem;margin-bottom:12px;color:#333}.gravel-calc-area-display{font-size:1.3rem;color:#666;padding:10px 0;border-top:1px solid #eee;margin-top:4px;margin-bottom:0}.gravel-calc-hint{font-size:1.2rem;color:#777;margin-top:4px}.gravel-calc-result{background:#f8f8f8;border-radius:8px;padding:20px;text-align:center;margin-top:24px;border:1px solid #eee}.gravel-calc-result-label{font-size:1.3rem;color:#666;margin-bottom:8px;font-weight:500}.gravel-calc-result-value{font-size:3.6rem;font-weight:700;color:var(--gravel-calc-trigger-bg, #63b32f);line-height:1.2}.gravel-calc-result-extra{font-size:1.3rem;color:#666;margin-top:8px;line-height:1.6}.gravel-calc-reset{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:20px;padding:12px;background:#555;color:#fff;border:none;border-radius:6px;font-size:1.4rem;font-weight:600;cursor:pointer;font-family:inherit;transition:background-color .2s}.gravel-calc-reset:hover{background:#333}.gravel-calc-info{margin-top:24px;padding:16px;background:#f0f8eb;border-radius:6px;font-size:1.2rem;color:#666;line-height:1.5}.gravel-calc-disclaimer{margin-top:16px;padding:12px;background:#fafafa;border-radius:6px;font-size:1.1rem;color:#888;line-height:1.5;border:1px solid #eee}@media(max-width:480px){.gravel-calc-panel{max-width:100%}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/component-gravel-calculator.css.map */