.ca-header-bg-image{background-color:#dbd9d1;padding:34% 0 200px;position:relative;background-size:cover;background-position:center center;transition:all .5s ease-in-out}.ca-header-bg-image:before{background:linear-gradient(0deg,#777c,#fff0 65%);content:"";position:absolute;top:0;left:0;width:100%;height:100%}.ca-header-bg-image.white-out:before{background:#fffc}.ca-header-bg-image .ca-header-content{display:flex;flex-direction:column;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%}.ca-header-bg-image .little-overlay{height:200px;background:#fff;border-top-left-radius:161px;border-top-right-radius:161px;position:absolute;bottom:0;width:100%}.ca-header-wrapper{max-width:800px;text-align:center;margin:auto;padding-bottom:200px}.ca-header-wrapper p{font-size:22px}.ca-header-wrapper .js-browse-button{padding:0 60px;height:46px;border-radius:23px;text-transform:uppercase;font-size:16px;color:#fff;border:1px solid #6093ac;background:#6093ac;transition:all .3s ease-in-out;cursor:pointer;display:flex;align-items:center;margin:40px auto 0}.ca-header-wrapper .js-browse-button svg{margin-right:15px}.ca-header-wrapper .js-browse-button svg path{transition:all .3s ease-in-out}.ca-header-wrapper .js-browse-button span{padding-top:3px}.ca-header-wrapper .js-browse-button:hover{background:transparent;color:#6093ac}.ca-header-wrapper .js-browse-button:hover svg path{stroke:#6093ac}.ca-header-wrapper .landing-page-banner-content-heading{font-size:66px;color:#000;margin-bottom:60px!important}.ca-content-wrapper{min-height:200px;background:#fff;padding:0 200px 100px}.ca-content-wrapper>.ca-page-width{margin-top:-200px;z-index:2;position:relative}.ca-content-wrapper .ca-content-heading{height:120px;display:flex;align-items:center;max-width:1140px;margin:auto}.ca-content-wrapper .ca-content-heading .examples-header-info{color:var(--gunmetal)}.ca-content-wrapper .ca-content-heading .examples-header-info .find-inspiration{font-size:22px;color:#000}#js-reset-button{position:absolute;top:40px;left:100px;z-index:100}#js-reset-button svg{width:50px}.ca-examples-list{display:flex;flex-wrap:wrap;justify-content:space-between;width:calc(100% + 40px);margin-left:-40px;margin-bottom:-40px}.ca-examples-list>li{width:50%;padding-top:35%;position:relative;padding-left:40px;padding-bottom:40px}.ca-examples-list>li img{position:absolute;top:0;right:0;width:calc(100% - 40px);height:calc(100% - 40px);cursor:pointer}#js-results{animation:fadeinnormal 1s ease-in-out}#js-results .identified{position:absolute;top:-130px;left:50%;font-size:28px;color:#221e1e;transform:translate(-50%);color:#fff}#js-results .swatches.back-a-bit{position:absolute;top:-60px;left:50%;transform:translate(-50%)}#js-results .swatches{display:flex;justify-content:center;margin:0}#js-results .swatches li{margin:0 20px;list-style-type:none;text-align:center}#js-results .swatches li .swatch-tile{animation:fadein .5s ease-in-out;width:120px;height:120px;border-radius:50%}#js-results .swatches li .swatch-tile.selected{opacity:1}#js-results .swatches li .swatch-tile.small{width:90px;height:90px}#js-results .swatches li span{font-size:20px;display:block;padding:15px}#js-results .your-recommended{text-align:center}#js-results .your-recommended:before{content:"";display:block;width:50%;height:1px;padding-top:150px;border-bottom:1px solid #f2f3f3;margin:0 auto 60px}#js-results .your-recommended h2{margin:0 auto 20px;font-size:46px;color:#000}.ca-examples-list{display:flex;flex-wrap:wrap}.ca-examples-list li{list-style-type:none}.js-examples-show,.js-results-show{animation:fadeinnormal 1s ease-in-out}#js-select-examples{max-width:1140px;margin:auto}#js-results-products{margin-top:80px}.collection-grid-filter-inner{margin-bottom:40px}@keyframes fadein{0%{transform:scale(.1);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fadeinnormal{0%{opacity:0}to{opacity:1}}.collection-grid-filter-drop-down-list{margin:0}.collection-grid-filter-sort{border:solid 1px var(--tertiary-divider-grey)!important}@media screen and (max-width: 1300px){.ca-header-bg-image{padding:50% 0 100px}}.mobile-only,.js-browse-button.mobile-only{display:none}.mobile-filter-box-heading{width:100%}.mobile-filter-box-heading .filter-box-label{width:100%;display:flex;justify-content:space-between}.mobile-filter-box-heading .filter-box-label svg{width:12px}.mobile-filter-box-heading .filter-box-filter-info{width:100%;display:flex;justify-content:flex-end}.mobile-filter-box-heading .filter-box-filter-info .clear-filters-button{text-decoration:underline}@media screen and (max-width: 992px){.js-browse-button.mobile-only{border-radius:50%;width:70px;height:70px;padding:0;text-align:center;display:flex;align-items:center;justify-content:space-around;background:#ffffff4f;border-color:transparent;margin:20px auto}.js-browse-button.mobile-only svg{margin:0}.js-browse-button.mobile-only:hover{background:#ffffff4f;border-color:transparent}.desktop{display:none!important}.ca-header-wrapper{padding-bottom:25px}.ca-header-bg-image{height:70vh}.ca-header-bg-image:before{background:linear-gradient(0deg,#777c,#fff0 85%)}.ca-header-bg-image .ca-header-content{justify-content:flex-end}.ca-header-bg-image .landing-page-banner-content-heading{font-size:20px;margin-bottom:16px!important}.ca-header-bg-image p{font-size:16px}.ca-header-bg-image .little-overlay{border-top-left-radius:25px;border-top-right-radius:25px;height:25px}.ca-content-wrapper{padding:0 20px 26px}.ca-content-wrapper>.ca-page-width{margin-top:-25px}.ca-content-wrapper .ca-content-heading .examples-arrow{margin:10px}.ca-content-wrapper .ca-content-heading .examples-header-info{margin-left:20px!important;font-size:16px}.ca-content-wrapper .ca-content-heading .examples-header-info .find-inspiration{font-size:18px}.ca-content-wrapper .ca-examples-list{width:calc(100% + 8px);margin:0 0 -8px -8px}.ca-content-wrapper .ca-examples-list li{padding:35% 0 8px 8px}.ca-content-wrapper .ca-examples-list li img{width:calc(100% - 8px);height:calc(100% - 8px)}#js-results .swatches{width:100%;flex-wrap:wrap}#js-results .swatches.back-a-bit{top:-40px}#js-results .swatches li{margin:10px}#js-results .swatches li .swatch-tile{width:60px;height:60px}#js-results .swatches li .swatch-tile.small{width:40px;height:40px}.results .ca-header-bg-image{height:200px}#js-reset-button{left:20px}#js-reset-button svg{width:35px}#js-results .identified{font-size:16px;top:-70px}#js-results .swatch-tile span{font-size:16px}#js-results .your-recommended:before{padding-top:100px;margin:0 auto 30px}#js-results .your-recommended h2{font-size:18px}#js-results-products{margin-top:40px}.display-filters-button{display:flex!important;justify-content:space-between;align-items:center;padding:10px 0;cursor:default}.collection-grid-filter-inner{display:block;align-items:center;top:0;left:0;width:100%;background:#fff;z-index:99999999999999999999999999;flex-direction:column;overflow:auto}.collection-grid-filter-inner.active-menu{display:flex;animation:fadein .5s ease-in-out}.collection-grid-filter-inner .collection-grid-filter-left-side-outer{width:100%}.collection-grid-filter-inner .collection-grid-filter-drop-down-container{width:100%;display:flex!important;flex-direction:column}.collection-grid-filter-inner .collection-grid-filter-drop-down-container .collection-grid-filter-drop-down{margin-bottom:10px;width:100%}.collection-grid-filter-inner .collection-grid-filter-drop-down-container .collection-grid-filter-drop-down .collection-grid-filter-drop-down-label{display:flex;justify-content:space-between;border-bottom:solid 1px var(--swyft-blue)}.collection-grid-filter-inner .collection-grid-filter-drop-down-container .collection-grid-filter-drop-down .collection-grid-filter-drop-down-list{width:100%;transform:none;position:static}.collection-grid-filter-inner .collection-grid-filter-drop-down-container .collection-grid-filter-drop-down .collection-grid-filter-drop-down-list .collection-grid-filter-drop-down-list-item-label{height:25px;display:flex;align-items:center}.collection-grid-filter-inner .collection-grid-filter-drop-down-container .collection-grid-filter-drop-down:hover .collection-grid-filter-drop-down-list{display:none}.collection-grid-filter-inner .collection-grid-filter-drop-down-container .collection-grid-filter-drop-down.open .icon-chevron-down{transform:rotate(180deg)}.collection-grid-filter-inner .collection-grid-filter-drop-down-container .collection-grid-filter-drop-down.open .collection-grid-filter-drop-down-list{display:block}.collection-grid-filter-inner .collection-grid-filter-results-container{display:none}.collection-grid-filter-inner .collection-grid-filter-right-side-outer{width:100%}.collection-grid-filter-inner .collection-grid-filter-sort-container{width:100%;margin:20px 0}.collection-grid-filter-inner .apply-filters{display:block;width:100%;cursor:pointer}.collection-grid-filter-inner .apply-filters .heading-text-cta-column-content-button{width:100%;text-align:center;padding:10px 25px}.mobile-only{display:block}}#camera-viewport{position:absolute;top:0;left:0;width:100%;height:100%}#camera-capture{position:absolute;opacity:.1;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/423/assets/colour-app.scss.css.map */