.main{display:flex;justify-content:space-between;align-items:stretch;max-width:1200px;margin:auto;padding-inline:4rem;gap:1rem}.breadcrumbs{display:flex;justify-content:center;gap:4rem;background:#f7f7f7;font-size:1.5rem;padding-block:1.5rem;margin-block:2rem;color:var(--color-foreground)}.breadcrumb.selected{color:#00928a;font-family:"Gotham-Bold";text-decoration:underline}.separator{font-size:1.5rem;align-self:center;margin-bottom:2rem;font-weight:bold;color:#00928a}.main textarea{resize:none}.main .left,.main .right{flex-grow:1;max-width:500px;margin:auto}.main .right{margin:0;margin-top:2rem}@media(min-width: 769px){.main .right{min-height:600px;display:flex;margin-inline:auto;flex-direction:column}.right .preview-wrapper{flex-grow:1}}.main .required{color:red}[data-price]{text-align:center;margin-top:.5rem;font-weight:bold;color:#00928a;font-family:montserrat-bold;font-size:2.25rem;font-weight:700}[data-recommended]{font-family:"Gotham-Bold";font-weight:bold}.preview-wrapper{position:relative}.preview-wrapper>.legend{position:absolute;right:0;bottom:0;display:flex;align-items:center;gap:1.5rem}.tosBtn{color:#00928a;font-family:"Gotham-Bold";cursor:pointer;font-weight:bold;text-decoration:underline}[data-preview]{cursor:grab;height:100%}[data-atc]{display:flex;justify-content:center;gap:10px}[data-preview]:active:hover{cursor:grabbing}@media(max-width: 768px){.main{flex-direction:column-reverse;align-items:center;padding-inline:2rem}.left,.right{align-self:center}.right{width:100%}[data-preview]{margin:auto;width:100%;display:flex;align-items:stretch;justify-content:center;align-self:stretch;height:500px}}.custom-shadowbox-container h2{text-align:center;margin-block:4rem;font-size:3rem}.main .heading{font-family:"Gotham-Bold";font-style:normal;font-weight:700;font-size:18px;line-height:22px;color:#303030}.main .border{background:#fff;border:1px solid #eee;box-sizing:border-box;border-radius:4px;padding:10px;margin-bottom:10px;gap:1rem}.main .size-configurator{display:flex;justify-content:space-between;padding-top:15px}.main .size-configurator>div{display:flex;flex-direction:column;align-items:center}.main .size-configurator input{height:60px;width:7ch;background:#f4f4f4;font-family:inherit;font-size:1.66667em;font-weight:400;text-align:center;color:#00928a;border:0}@media(max-width: 425px){.main .size-configurator .separator{margin-bottom:4rem}}@media(max-width: 768px){.main .size-configurator input{width:4ch}.breadcrumbs{display:grid;grid-template-columns:1fr 1fr;padding-inline:2.5rem}}.main input[type=number]::-webkit-outer-spin-button,.main input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;text-align:center}i.main input[type=number]{-moz-appearance:textfield}.main .size-configurator label{margin-top:.5rem;font-size:1.1rem;font-family:"Gotham-Bold";font-weight:700;text-transform:uppercase;text-align:center}.main .size-configurator span{display:block;font-family:var(--font-body-family);font-style:normal;font-weight:400;font-size:12px;line-height:15px;color:#000}.main .informational{font-style:normal;font-weight:700;font-size:20px}.main .bold{font-weight:bold;font-family:"Gotham-Bold"}.main .info-header{display:block;background:#00b6ac;color:#fff;padding:8px 15px;font-size:1.5rem;line-height:13px;text-transform:uppercase;font-weight:bold}.main .error-box{position:relative;border:2px solid red;padding:1rem;text-transform:math-auto;border-radius:5px;white-space:normal}.main .error-box::after{content:"Error";display:block;position:absolute;top:-0.5rem;color:red;left:1rem;line-height:1rem;font-family:"Gotham-Bold";background:#fff;padding-inline:.5rem}.main .info{font-weight:400;font-size:.7em;line-height:24px;border:1px solid #eee;padding:12px;color:#000;background:#00b6ac24;margin-top:0}.main .navigation-buttons{display:flex;gap:1rem;margin-top:2rem;margin-bottom:4rem}.main .navigation-buttons button{font-family:var(--font-body-family);font-style:normal;font-weight:900;padding:1rem 3rem;font-size:16px;letter-spacing:0;text-transform:unset;cursor:pointer}.main .navigation-buttons .primary{background:#00b6ac;color:#fff;border-color:transparent;border-radius:3px;flex-grow:1}.main .navigation-buttons .primary:disabled{background:#a9a9a9}.main .navigation-buttons button:disabled{cursor:not-allowed}.main .hole-placement .border{padding-top:0}.main .hole-placement .border>*{margin-top:15px;margin-bottom:0px}.main .hole-placement .options{display:flex;gap:2rem}.main .hole-placement textarea{display:block;width:100%;resize:none;background:#eee;border:none;direction:ltr;padding-inline-start:2px}.main .hole-placement textarea:disabled{cursor:not-allowed}.main .hole-placement .custom-hole-placement-label{display:block}.main .hole-placement .options input{position:relative;width:1.5rem;height:1.5rem;margin:0}.main .hole-placement .options .radio-option{display:flex;align-items:center;gap:1rem}.main .radio-option{position:relative}.main .radio-option .tooltip{position:absolute;left:50%;transform:translate(-50%, 0);padding:2px;color:#fff;background-color:gray;display:none;font-size:1.2rem;padding-inline:5px}.main .radio-option .tooltip p{margin-block:0;position:relative}.main .radio-option .tooltip::before{display:block;position:absolute;content:"";top:0;left:50%;width:10px;height:10px;transform:translate(-50%, -25%) rotate(45deg);background:gray}.main .radio-option:hover .tooltip{display:block}.main .hole-placement .options label{font-weight:bold}.main .hole-placement .options input::before{content:"";position:absolute;inset:0;background:#fff;display:block;border:1px solid #000}.main .hole-placement .options input::after{cursor:pointer;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);content:"";display:block;width:1rem;height:1rem}.main .hole-placement .options input:checked::after{background:#000}.main .button-radio.options{display:flex;gap:1rem}.main .button-radio.options .radio-option{flex-grow:1}.main .button-radio.options .radio-option label{box-sizing:content-box;display:block;background:#f4f4f4;color:#525252;border-radius:3px;padding:1rem 3rem;display:flex;align-items:center;justify-content:center;cursor:pointer}.main .button-radio.options .radio-option input:checked+label{border:2px solid #00928a;background-color:transparent}.main .side-panel-color .button-radio.options label{padding:0;height:3rem}.main .color-sample-box{display:flex;align-items:center;gap:2rem;padding:1.5rem 3rem;background-color:#eee;margin-bottom:1rem}.main .color-sample-box a{text-decoration:none;color:#00928a;font-weight:bold}.main .shadowbox-quantity{display:flex;gap:1rem;align-items:center}.main .additional-requests textarea{width:100%}.main .additional-requests textarea:focus{box-shadow:none;outline-color:transparent;outline-style:none;border-width:2px}.main .checkbox-wrapper input{width:22px;height:12px;margin-right:0;accent-color:#00928a}.main .shadowbox-quantity input{width:4ch;height:4ch;border:none;background-color:#eee;text-align:center}.main .bg-pool-blue{background-color:#b8e9ee !important}.main .bg-sunshine{background-color:#d3a200 !important}.main .bg-kelly{background-color:#4cbb17 !important}.main .bg-sea-glass{background-color:#95e1c8 !important}.main .bg-neon-pink{background-color:#ff10f0 !important}.main .bg-neon-yellow{background-color:#cfff04 !important}.main .bg-neon-orange{background-color:#ff5f1f !important}.main .bg-unselect{position:relative;overflow:hidden;background-color:transparent}.main .loading-overlay__spinner .path{stroke:#fff !important}.main .accordian-title{display:flex;text-transform:uppercase;justify-content:space-between;align-items:center;font-family:"Gotham-Bold";font-weight:700;cursor:pointer}.main .accordian-status{font-size:2rem}.main .accordian-content{max-height:500px;transition:max-height .2s linear;transition-delay:0ms}.main .accordian-collapsed{overflow:hidden;max-height:0px}.overlay{position:fixed;display:flex;z-index:1000000000;background:rgba(0,0,0,.5);padding:2rem;inset:0}.modal{overflow:auto;max-width:700px;max-height:80vh;margin:auto;background:#fff;font-size:1.2rem;line-height:2;padding:1rem;border-radius:.5rem}.modal h2{text-align:left}.underline{text-decoration:underline}.restart{display:block;width:fit-content;margin:auto;font-family:"Gotham-Bold";font-size:1.5rem;margin-block:1.2rem;color:#00928a}.dimension-label{display:block !important;position:absolute;z-index:2;height:5px;text-align:center}@media only screen and (max-width: 749px){.custom-shadowbox-container h2{font-size:18px;margin:var(--base-gutter--quarter) 0;padding-top:51px}.custom-shadowbox-container .breadcrumbs{padding:10px;gap:10px;margin:0}.custom-shadowbox-container .breadcrumbs .breadcrumb{font-size:12px}.custom-shadowbox-container [data-preview]{height:min(500px, 70vw)}.custom-shadowbox-container [data-price]{order:-1;position:fixed;z-index:10;width:100%;background:#fff;border-bottom:.1rem solid rgba(0,0,0,.1);padding:5px 0;margin:0;top:var(--header-height--total);--max-width: 100vw;--offset: 0px;width:var(--max-width);left:calc( ( ( (var(--max-width)) - 100%) / -2 ) - (var(--offset)) );transition:top .25s ease}.header-hidden .custom-shadowbox-container [data-price]{top:0px}.header-visible .custom-shadowbox-container [data-price]{top:var(--header-height)}}
/*# sourceMappingURL=shadowbox.css.map */