.modal{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0009;z-index:9999;box-sizing:border-box;overflow-y:hidden;visibility:visible;opacity:1;pointer-events:auto;align-items:center;justify-content:center}body.modal-open{overflow:hidden;height:100%}.modal-content{background:#fff;margin:5% auto;padding:20px;max-height:95vh;overflow-y:auto;pointer-events:auto;border-radius:8px;position:relative;box-shadow:0 4px 12px #0006;scrollbar-width:thin}.close{position:absolute;top:10px;right:20px;font-size:24px;font-weight:700;cursor:pointer}.modal-content h2{font-size:18px;margin:12px 0 30px;color:#000;font-weight:500;line-height:1.5;max-height:3em;height:3em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis}.db-modal-field{background:#fff;color:#677279;padding:10px;font-size:15px;border:1px solid #ccc;border-radius:5px;width:100%}.db-modal-search{background:#fff;min-width:100%;color:#677279;padding:10px;font-size:15px;border:1px solid #ccc;border-radius:5px}.db-modal-search-dropdown{position:absolute;background:#fff;border:1px solid #ccc;display:none;z-index:10;font-size:14px;bottom:100%;border-radius:5px;box-shadow:1px 2px 10px #0000004d;width:100%;box-sizing:border-box;color:#333;overflow-y:auto;height:250px;scrollbar-width:thin}.result-item{padding:5px 20px}.result-item:hover{background-color:#f0f0f0}#productModalContent{max-width:1100px;padding:40px}#productModalContent .modal-left{width:55%;max-width:600px;flex:unset;margin:auto}#productModalContent .modal-right{flex:unset;width:45%;margin-left:40px}#productModalContent .product-spec-grid{display:block}#productModalContent h2,#productModalContent .price{font-size:24px}.spec-group .group-content{max-height:0;overflow:hidden;transition:max-height .3s ease}.spec-group.open .group-content{max-height:500px}.quickview-carousel{position:relative}.quickview-carousel .slide-viewport{overflow:hidden;width:100%}.quickview-carousel .slides{display:flex;transition:transform .3s ease;will-change:transform}.quickview-carousel .slides>img{flex:0 0 100%;width:100%;object-fit:contain}.quickview-carousel .carousel-slide{flex:0 0 calc(100% / var(--slide-count));max-width:calc(100% / var(--slide-count));object-fit:contain}.quickview-carousel .carousel-slide.active{display:block}.quickview-carousel img{max-width:100%;height:auto}.quickview-carousel img.active{display:block}.quickview-carousel .carousel-prev,.quickview-carousel .carousel-next{position:absolute;top:38%;background:#0000008a;border:1px solid transparent;transform:translateY(-50%);color:#fff;cursor:pointer;font-size:48px;z-index:10;padding:5px 5px 15px;transition:all .3s ease;line-height:1}.quickview-carousel .carousel-prev:hover,.quickview-carousel .carousel-next:hover{background:#fff;color:#000;border:1px solid #000}.quickview-carousel .carousel-prev{left:-20px;border-top-right-radius:5px;border-bottom-right-radius:5px}.quickview-carousel .carousel-next{right:-20px;border-top-left-radius:5px;border-bottom-left-radius:5px}.quickview-carousel .thumbnails{display:flex;gap:8px;margin:40px 0 0;overflow-x:auto}.quickview-carousel .thumbnail{width:150px;height:auto;padding:10px;cursor:pointer;border:1px dashed #ddd;border-radius:5px;margin-bottom:20px}.quickview-carousel .thumbnail.active-thumb{border:2px solid #d42e2e}.product-spec-groups{margin-top:40px;max-height:650px;overflow:auto;padding-right:20px;margin-bottom:30px;scrollbar-width:thin}.product-spec-groups .spec-group{margin-bottom:30px}.toggle-spec-group{background:#f6f6f6;border:1px solid #e1e3e4;font-weight:500;font-size:17px;color:#333;cursor:pointer;display:flex;justify-content:space-between;width:100%;padding:5px 10px 5px 20px;border-radius:5px;align-items:center}.toggle-spec-group .icon{font-size:14px;line-height:1}.spec-table{width:100%;border-collapse:collapse;margin-top:4px}.spec-table tr{border-bottom:1px solid #e1e3e4;font-size:15px;color:#677279;display:flex}.spec-table tr:last-child{border-bottom:none}.spec-table td{padding:5px 20px;color:#677279;display:inline-flex}.spec-name{font-weight:700;width:40%;white-space:nowrap}.spec-val{width:60%}.modal-content-flex{display:flex;gap:24px;align-items:flex-start}.modal-left{flex:1 1 250px;max-width:300px}.modal-image{width:100%;height:auto;border-radius:6px}.modal-right{flex:2 1 400px}.modal-footer{margin-top:16px}.video-btn,.view-btn{background:none;border:none;font-size:16px;cursor:pointer;margin-bottom:3px;transition:transform .3s ease,filter .3s ease;vertical-align:middle;height:20px;filter:grayscale(1)}.video-btn:hover,.view-btn:hover{transform:scale(1.2);filter:grayscale(0)}.product-spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;font-size:14px;margin-top:8px}.visual-compare-container{display:flex;gap:24px;justify-content:center;align-items:flex-start;padding:20px;flex-wrap:wrap;background:#f6f6f6}.visual-compare-row{display:flex}.colour-inline-swatch{border-radius:5px;width:75px;height:20px;border:1px solid #ccc}.colour-inline-swatch .colour-half{height:20px;flex:1}.compare-card{width:300px;text-align:center;margin:auto}.compare-card.dragging{opacity:.5;border:2px dashed #999}.compare-card[draggable=true] *{pointer-events:none}.thumbnail-image-wrapper{position:relative}.compare-img{width:100%;border-radius:5px;box-shadow:#0003 2px 0 10px;padding:10px;background:#fff}.compare-2-flex .compare-img{box-shadow:1px 2px 10px #047dfb}.compare-2-flex .main-product .compare-img{box-shadow:1px 2px 10px #fb0440}.compare-card .drag-handle{cursor:grab;font-size:18px;margin-bottom:6px;display:inline-block;font-weight:700;color:#000}.price{font-weight:700;font-size:18px;color:#000;margin-bottom:12px}.spec-category{border:1px solid #ccc;border-radius:5px;margin:20px 0;padding:15px;background:#ddd}.spec-category h4{margin:0;color:#000;text-align:left;font-weight:500}.spec-row{display:flex;justify-content:space-between;background:#fff;border-radius:6px;margin:6px 0;color:#000;padding:6px 10px;font-size:14px;border:1px solid #ccc}.spec-row strong{text-align:right}.spec-row.hidden-spec:not(.show){display:none}.compare-grid-wrapper{display:grid;grid-template-rows:auto auto;gap:10px;max-height:90vh;padding-right:10px}#thumbnailRow{position:sticky;top:0;z-index:2;background:#f6f6f6}.compare-grid-header{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.spec-grid{color:#000;font-size:14px;background:#ddd;padding:20px 0 20px 20px;border:1px solid #ccc;border-radius:5px;max-height:480px;overflow-y:auto}.spec-grid-heading{text-align:center;padding:2px 0;font-size:16px;border-radius:5px;border-bottom:1px solid #ccc;margin-bottom:10px}.spec-grid-heading .collapse-icon{margin-left:auto;font-weight:700;font-size:12px;padding-right:20px}.spec-grid-row{display:contents}.spec-label{font-weight:700;text-align:left;padding:6px 0;margin:auto 0}.spec-grid .spec-val{text-align:left;background:#fff;border-radius:6px;padding:6px 10px;border:1px solid #ccc;width:100%;max-width:250px;margin:auto;align-items:center;display:flex}.compare-grid-header .product-thumbnail{transition:all .2s ease;cursor:grab;position:relative}#expandAllSpecs,#expandAllSpecs3Btn{color:#d42e2e;text-decoration:underline;font-size:14px}.compare-footer{display:flex;justify-content:space-between;padding:20px 30px 0}.compare-colour-swatch{display:inline-flex;align-items:center;gap:6px}.compare-colour-swatch .styled-box{width:75px;height:20px}.compare-colour-swatch .colour-label{font-weight:400}.compare-grid-wrapper .compare-footer{padding:20px 0 0}.compare-center{display:flex;position:sticky;top:40px;flex-shrink:0;z-index:1;flex-direction:column;align-items:center;max-width:300px;margin:0 30px;justify-content:center}.compare-center h3{margin:0;font-size:60px;color:#000;font-weight:500;transform:skew(-20deg);font-family:Akira Expanded}.savecomparison-block button{padding:2px 10px;font-size:14px;background:#fb0440;color:#fff;border:none;border-radius:6px;cursor:pointer;min-width:max-content;margin-left:10px}.compare-center canvas{margin-top:10px}.compare-2-flex{display:flex;justify-content:center;align-items:flex-start;gap:20px;padding:30px;flex-wrap:nowrap}.visual-compare-flex{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding:20px}.radar-chart-wrapper{display:flex;justify-content:center}canvas#compareRadarChart{color:#000}.compare-chart-save{text-align:center;margin-top:20px}#compareModalContent{background:#f6f6f6}.mismatch .spec-val,.spec-row.mismatch{border:1px solid #d42e2e;border-left:4px solid #d42e2e}.savecomparison-block{margin:0 0 20px;width:100%;display:flex;justify-content:space-between}#expandAllSpecs{font-size:14px}.toggle-specs{font-size:14px;background:none;border:none;color:#d42e2e;cursor:pointer;text-decoration:underline;width:100%;text-align:right}.match-bar-container{width:200px;height:20px;background-color:#eee;border-radius:10px;position:relative;overflow:hidden;margin:10px 0;border:2px solid transparent}.match-bar-fill{height:100%;width:0;transition:width .5s ease;box-sizing:border-box}.match-bar-label{position:absolute;width:100%;text-align:center;top:0;left:0;font-size:14px;line-height:1.2;font-weight:700;color:#000}#padSizeCanvasWrapper{position:relative;max-width:100%;max-height:500px;overflow:visible!important;margin:20px auto;background:transparent}#padSizePreviewModal .modal-content{overflow:visible!important;min-width:max-content;height:auto;padding:20px;width:1100px;background:#f6f6f6}#padPreviewList{position:absolute;right:30px;top:50px}.accessoryblock{position:relative;display:flex;flex-direction:column;width:100%;align-items:center;margin-bottom:30px}.accessoryblock img{cursor:grab;margin-bottom:10px}.accessoryblock .dims{font-size:11px;margin-bottom:10px}#tierListModal .modal-content h2,#padSizePreviewModal .modal-content h2{margin-bottom:20px;display:flex;font-size:26px;color:#000;font-weight:800;width:max-content;border-bottom:5px solid #fb0440}.pad-list-item{max-width:450px;font-size:14px;justify-content:space-between;display:flex}.pad-list-item span{white-space:nowrap;overflow:hidden}.padsearch-wrapper{position:relative;width:500px}#padSizePreviewModal .db-modal-search-dropdown{bottom:unset;z-index:999;top:100%;left:0;scrollbar-width:thin}#padSizeOuterWrapper p{margin:0;color:#000;text-decoration:underline}#padSizeOuterWrapper label{font-size:14px;color:#000}#padSizeOuterWrapper input{border:1px solid #ccc;padding:5px}#padOutline{position:absolute;background:#90caf9;opacity:.9;border-radius:12px}#mouseImg{position:absolute;height:auto;z-index:2;pointer-events:none}.pad-outline{pointer-events:auto;border-radius:10px;transition:none!important;will-change:transform}.pad-outline:hover{opacity:.65!important;border:2px dashed #333!important;transition:all .2s ease;z-index:999!important}.pad-outline:hover:not(.dragging){opacity:.65!important;border:2px dashed #333!important;transform:scale(1.02);z-index:999!important}.pad-outline.dragging{transition:none!important}.pad-label.width-label{top:50%;left:4px;transform:translateY(-50%)}.pad-label.length-label{bottom:4px}.modal-note{text-align:center;margin-top:10px;font-size:14px;color:#333}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000!important}.modal-buttons{display:flex;justify-content:center;gap:12px;margin-top:10px}.modal-button{font-size:14px;border-radius:5px;cursor:pointer;transition:background .2s;padding:2px 10px}.modal-button.cancel{background:#eee;border:1px solid #ccc;color:#333}.modal-button.cancel:hover{background:#ddd}.modal-button.confirm{background:#fb0440;border:none;color:#fff}.modal-button.confirm:hover{background:#d70332}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-box{background:#fff;padding:20px;border-radius:5px;min-width:300px}.modal-box input{margin:5px 0 10px;border-radius:5px;background:#ececec;border:1px solid #e1e3e4}.modal-animate{animation:modalFadeIn .25s ease forwards}#tierListModal .modal-content{min-width:1000px}.tier-row{margin:10px 0;background:#f4f4f4;border:1px solid #ccc;min-height:100px;display:flex;align-items:center}.tier-label{font-weight:500;font-size:24px;padding:10px;color:#000;text-align:center;background:#d42e2e;width:100px;height:100px;align-content:center}.tier-products{flex-grow:1;display:flex;gap:10px;flex-wrap:wrap;min-height:40px}.tier-product{background:#eee;padding:5px 8px;border:1px solid #999;border-radius:4px;cursor:grab;position:relative;display:inline-block}.tier-product img{width:40px;height:auto}.tier-product button.remove-tier-product{position:absolute;top:-6px;right:-6px;background:#ff5e5e;border:none;color:#fff;border-radius:50%;font-size:12px;width:20px;height:20px;cursor:pointer;padding:0;line-height:1}#statsModal{position:fixed;top:0;left:0;right:0;bottom:0;display:none;justify-content:center;align-items:center;z-index:10000}#statsModal .modal-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080}#statsModal .modal-content{position:relative;background:#fff;width:80vw;height:80vh;max-width:800px;max-height:600px;padding:16px;border-radius:6px;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column}#statsModal .modal-content button#closeStatsBtn{position:absolute;top:10px;right:20px;background:none;border:none;font-size:24px;cursor:pointer}#statsChart{flex:1 1 auto;width:100%!important;height:100%!important}#statsModal .modal-content .stats-controls{margin-bottom:12px}#statsModal .modal-content .stats-controls select{padding:10px;font-size:14px;border-radius:5px;border:1px solid #ccc;background:#f6f6f6}.chart-wrapper{height:100%}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalFadeOut{0%{opacity:1}to{opacity:0}}.modal.opening,.modal-overlay.opening{animation:modalFadeIn .3s ease-out forwards}.modal.closing,.modal-overlay.closing{animation:modalFadeOut .2s ease-in forwards}.toast-message{position:fixed;bottom:20px;right:20px;background-color:#323232;color:#fff;padding:8px 16px;border-radius:4px;font-size:14px;box-shadow:0 2px 6px #0003;opacity:0;transition:opacity .3s ease,transform .3s ease;transform:translateY(20px);z-index:1000}.toast-message.error{background-color:#f44336}@keyframes flash{0%{background-color:#d4edda}to{background-color:transparent}}.flash-change{animation:flash .4s}.toast{position:fixed;bottom:20px;right:20px;background-color:#323232;color:#fff;padding:8px 16px;border-radius:4px;font-size:14px;box-shadow:0 2px 6px #0003;opacity:0;transition:opacity .3s ease,transform .3s ease;transform:translateY(20px);z-index:9999}.toast.error{background-color:#f44336}#compareModal #ordinalSlidersContainer{padding:20px 40px;width:100%}#compareModal .ordinal-axis{margin:0 0 20px}#compareModal .axis-label{font-weight:700;text-align:center;margin-bottom:20px;color:#000}#compareModal .axis-track{position:relative;height:4px;background:#ddd}#compareModal .axis-track .tick{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);width:6px;height:6px;background:#bbb;border-radius:50%}#compareModal .marker{position:absolute;top:-4px;width:12px;height:12px;border-radius:50%;transform:translate(-6px)}#compareModal .marker-a{background:#fb044080}#compareModal .marker-b{background:#047dfb80}#compareModal .axis-ends{display:flex;justify-content:space-between;font-size:.8rem;margin-top:.25rem;color:#000}
/*# sourceMappingURL=/cdn/shop/t/148/assets/db-modals.css.map */