.modal-pdp-variants .modal{display:none;background-color:#00000080;opacity:0;visibility:hidden;transform:scale(1.1);transition:visibility 0s linear .25s,opacity .25s 0s,transform .25s;z-index:99999!important}.modal-pdp-variants .modal.show-modal{opacity:1;display:flex;visibility:visible;transform:scale(1);transition:visibility 0s linear 0s,opacity .25s 0s,transform .25s;position:fixed;left:0;top:0;width:100%;height:100%;align-items:center;justify-content:center;padding:24px;overflow-y:auto}.modal-trigger select,.modal-trigger input{pointer-events:none}.modal-pdp-variants .modal-main-container{background:#fff;position:relative;top:auto;left:auto;transform:none;max-width:1360px;min-height:0;height:min(787px,calc(100vh - 48px));max-height:calc(100vh - 48px);width:100%;box-sizing:border-box;overflow:hidden}.modal-pdp-variants .modal-main-container .inner-main-wrapper{display:flex;align-items:stretch;height:100%;gap:10px}.modal-pdp-variants .modal-main-container .side-view-wrapper{background:#fdf8f4;max-width:382px;width:100%;display:flex;align-items:center;justify-content:center;height:100%}.modal-pdp-variants .modal-main-container .side-view-wrapper .current-choice .cc-img{max-width:190px}.modal-pdp-variants .modal-main-container .side-view-wrapper .choice-label{color:#4a4846;font-size:24px;letter-spacing:-.77px;line-height:32px;margin:0 0 15px;font-weight:300;font-family:Span,Light}.modal-pdp-variants .modal-main-container .modal-close-button{cursor:pointer;position:absolute;right:30px;top:30px}.modal-pdp-variants .modal-main-container .modal-close-button svg{height:31px;width:31px}.modal-pdp-variants .modal-main-container .cc-product-info .cc-product-name{font-family:MonumentGrotesk,sans-serif;color:#4a4846;font-size:12px;line-height:15px;font-weight:400;margin-top:10px;margin-bottom:10px}.modal-pdp-variants .modal-main-container .info-item{color:#4a4846;font-size:12px;line-height:15px;display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.modal-pdp-variants .modal-main-container .info-item .cc-label,.modal-pdp-variants .modal-main-container .info-item .cc-value{color:#4a4846;font-weight:300}.modal-pdp-variants .modal-main-container .cc-product-price{font-size:12px;color:#4a4846}.modal-pdp-variants .modal-main-container .fabric-selector-wrapper{text-align:center;width:100%;height:100%;padding:40px 0;max-width:750px;margin:0 auto;overflow-y:scroll;scrollbar-width:thin}.modal-pdp-variants .modal-main-container .fabric-selector-wrapper .modal-title{font-size:24px;line-height:32px;color:#4a4846;font-weight:300;font-family:Span,Light}.modal-pdp-variants .modal-main-container .fabric-selector-wrapper .modal-title.desktop-title{display:block}.modal-pdp-variants .modal-main-container .fabric-selector-wrapper .modal-title.mobile-title{display:none}.modal-pdp-variants .confirm-new-choice-btn .confirm-btn{font-family:MonumentGrotesk,sans-serif;max-width:262px;width:100%;padding:15px;background:#2e2d2b;color:#fff;border-radius:5px;border:none;cursor:pointer;font-size:14px;line-height:15px;font-weight:400;text-align:center;margin-top:20px;transition:opacity .2s ease}.modal-pdp-variants .confirm-new-choice-btn .confirm-btn:disabled{opacity:.45;cursor:not-allowed}.fabric-selector-container{margin-top:50px}.fabric-selector-container .choose-colour-heading.desktop-title{display:block}.fabric-selector-container .choose-colour-heading.mobile-title{display:none}.fabric-selector-container .choose-colour-heading{font-size:24px;line-height:32px;color:#4a4846;font-weight:300;font-family:Span,Light}.fabric-selector-container .fabric-header-selector{margin-bottom:80px}.fabric-selector-container .fabric-color-selector{text-align:center;position:relative}.fabric-selector-container .fabric-section{margin-bottom:40px;align-items:flex-start;display:none;gap:40px}.fabric-selector-container .fabric-section.active{display:flex}.fabric-selector-container .fabric-header{max-width:20%;width:100%;display:flex;align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:20px}.fabric-selector-container .fabric-header-images-list{display:flex;justify-content:center;flex-wrap:wrap;column-gap:16px;row-gap:40px}.fabric-selector-container .fabric-image-container:hover,.fabric-selector-container .fabric-image-container.active{opacity:1}.fabric-selector-container .fabric-image-container{position:relative;height:71px;flex:0 1 71px;cursor:pointer;opacity:.28}.fabric-selector-container .fabric-image{width:100%;height:100%;object-fit:cover}.fabric-selector-container .fabric-info{flex:1}.fabric-selector-container .fabric-name{font-size:10px;letter-spacing:-.22px;color:#000;line-height:20px}.fabric-selector-container .color-grid-main{max-width:100%;width:100%}.fabric-selector-container .color-grid{display:flex;justify-content:center;flex-wrap:wrap;column-gap:10px;row-gap:15px}.fabric-selector-container .color-item{cursor:pointer;flex:0 0 90px;text-align:center}.fabric-selector-container .color-item.selected .color-item-inner,.fabric-selector-container .color-item:hover .color-item-inner{border-color:#000}.fabric-selector-container .color-swatch{width:50px;height:52px;display:block;margin-bottom:8px;box-shadow:0 3px 6px #00000029}.fabric-selector-container .color-item-inner{border:1px solid transparent;padding:9px 10px 2px;background:#f5f4f2;display:flex;flex-direction:column;justify-content:center;align-items:center}.fabric-selector-container .color-name{font-size:10px;color:#4a4846;letter-spacing:0px;line-height:15px;white-space:normal;overflow:hidden;text-overflow:clip}.template-product .custom-pleat-cant-decide .image-with-text__text h2{font-size:16px;color:#4a4846;line-height:24px;max-width:260px;font-family:MonumentGrotesk,sans-serif;margin:40px 0}.template-product .custom-pleat-cant-decide .button.button--primary{font-size:14px;font-family:MonumentGrotesk,sans-serif}.template-product .accordion summary{justify-content:space-between}.template-product .accordion summary .icon-caret{position:unset}.template-product .accordion summary .icon-caret path{stroke:#000}@media(min-width:768px)and (max-width:1400px){.modal-pdp-variants .main-content-wrap{max-height:calc(100vh - 230px);overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}}@media(min-width:768px)and (max-width:1200px){.modal-pdp-variants .modal-main-container{width:calc(100vw - 32px);height:min(760px,calc(100vh - 32px));max-height:calc(100vh - 32px)}.modal-pdp-variants .modal-main-container .side-view-wrapper{flex:0 0 clamp(210px,28vw,300px);max-width:none;padding:24px 16px}.modal-pdp-variants .modal-main-container .fabric-selector-wrapper{flex:1 1 auto;min-width:0;padding:24px clamp(14px,2.4vw,30px)}.modal-pdp-variants .main-content-wrap::-webkit-scrollbar{display:none}.fabric-selector-container{margin-top:24px}.fabric-selector-container .fabric-header-selector{margin-bottom:36px}.fabric-selector-container .fabric-header-images-list{gap:25px;justify-content:center;align-items:center;overflow-x:auto;overflow-y:hidden;padding-bottom:2px;-ms-overflow-style:none}.fabric-selector-container .fabric-header-images-list::-webkit-scrollbar{display:none}.fabric-selector-container .fabric-image-container{width:95px;height:auto;flex:0 0 95px}.fabric-selector-container .fabric-image{width:95px;height:95px;display:block}.fabric-selector-container .color-grid-main{max-width:100%}.fabric-selector-container .color-grid{gap:20px}.fabric-selector-container .color-item-inner{width:100%}}@media(max-width:767px){.modal-pdp-variants .modal.show-modal{align-items:flex-start;padding:0}.modal-pdp-variants .modal-main-container{width:100%;max-width:100%;height:100dvh;max-height:100dvh;border-radius:0}.modal-pdp-variants .modal-main-container .inner-main-wrapper{display:block;height:100%}.modal-pdp-variants .modal-main-container .side-view-wrapper{display:none}.modal-pdp-variants .modal-main-container .fabric-selector-wrapper{height:100%;padding:16px;display:flex;flex-direction:column}.modal-pdp-variants .modal-main-container .main-title-wrap{position:relative;flex-shrink:0}.modal-pdp-variants .modal-main-container .fabric-selector-wrapper .modal-title{font-size:24px;line-height:26px;text-align:center}.modal-pdp-variants .modal-main-container .fabric-selector-wrapper .modal-title.desktop-title{display:none}.modal-pdp-variants .modal-main-container .fabric-selector-wrapper .modal-title.mobile-title{display:block}.fabric-selector-container .choose-colour-heading.desktop-title{display:none}.fabric-selector-container .choose-colour-heading.mobile-title{display:block}.fabric-selector-container .choose-colour-heading{font-size:24px;line-height:32px;color:#4a4846;font-weight:300;font-family:Span,Light;letter-spacing:.43px;margin-bottom:35px}.modal-pdp-variants .modal-main-container .modal-close-button{right:0;top:4px}.modal-pdp-variants .main-content-wrap{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.modal-pdp-variants .main-content-wrap::-webkit-scrollbar{display:none}.fabric-selector-container{margin-top:10px}.fabric-selector-container .fabric-header-selector{margin-bottom:0;margin-top:35px}.fabric-selector-container .fabric-header-images-list{gap:20px;justify-content:flex-start;align-items:flex-start;overflow-x:auto;flex-wrap:nowrap;overflow-y:hidden;padding-bottom:4px;scrollbar-width:none;-ms-overflow-style:none}.fabric-selector-container .fabric-header-images-list::-webkit-scrollbar{display:none}.fabric-selector-container .fabric-image-container{width:100%;height:auto;flex:0 0 96px}.fabric-selector-container .fabric-image{width:100%;height:96px;display:block;box-shadow:0 3px 6px #00000029}.fabric-selector-container .fabric-name{font-size:12px;line-height:16px;margin-top:12px;color:#4a4846;text-decoration:none!important}.fabric-selector-container .fabric-section{gap:0;margin-bottom:20px}.fabric-selector-container .color-grid-main{max-width:100%}.fabric-selector-container .color-grid{gap:20px}.fabric-selector-container .color-item-inner{width:100%;padding:8px 4px 6px}.fabric-selector-container .color-swatch{width:100%;max-width:62px;height:62px;margin:0 auto 6px}.fabric-selector-container .color-name{font-size:12px;line-height:13px}.modal-pdp-variants .confirm-new-choice-btn{margin-top:12px;padding-top:8px;background:#fff;flex-shrink:0}.modal-pdp-variants .confirm-new-choice-btn .confirm-btn{max-width:100%;margin-top:0}.template-product .custom-pleat-pdp-accordion .page-width{padding:0 36px}.modal-pdp-variants .modal-main-container .modal-close-button svg{height:20px;width:20px}}@media(max-height:860px){.modal-pdp-variants .modal.show-modal{padding:16px}.modal-pdp-variants .modal-main-container{height:calc(100vh - 32px);max-height:calc(100vh - 32px)}.modal-pdp-variants .modal-main-container .fabric-selector-wrapper{padding:24px}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/new-modal-pdp-variants.css.map */