.block-plank-colours{background-color:#e9e9e6;box-shadow:inset 0 1px 0 0 rgba(0,0,0,.1);padding-top:48px;width:100%}@media (max-width:767px){.block-plank-colours{padding-top:32px}}.block-plank-colours .plank-filter-nav{margin-bottom:2rem}.block-plank-colours .plank-filter-nav .filter-title{color:var(--wp--preset--color--dark-grey-core-500);font-family:var(--wp--preset--font-family--body);font-size:18px;font-weight:700;line-height:1.56;margin-bottom:16px}.block-plank-colours .plank-filter-nav .filter-tabs-wrapper{align-items:center;display:flex;gap:1rem;min-width:0}.block-plank-colours .plank-filter-nav .filter-tabs-wrapper .filter-tabs-container{border-bottom:2px solid var(--wp--preset--color--red-core-500);flex:1 1 0%;min-width:0;overflow:hidden;position:relative}.block-plank-colours .plank-filter-nav .filter-tabs-wrapper .filter-tabs-container:before{background:linear-gradient(to right,var(--wp--preset--color--white-500),transparent);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;top:0;width:20px;z-index:2}.block-plank-colours .plank-filter-nav .filter-tabs-wrapper .filter-tabs-container:after{background:linear-gradient(to left,var(--wp--preset--color--white-500),transparent);bottom:0;content:"";opacity:0;pointer-events:none;position:absolute;right:0;top:0;width:20px;z-index:2}.block-plank-colours .plank-filter-nav .filter-tabs-wrapper .filter-tabs-container.fade-left:before,.block-plank-colours .plank-filter-nav .filter-tabs-wrapper .filter-tabs-container.fade-right:after{opacity:1}.block-plank-colours .plank-filter-nav .filter-tabs-wrapper .filter-tabs-container .filter-tabs{display:flex;flex-wrap:nowrap;gap:1rem;transition:transform .3s ease}@media (min-width:1024px){.block-plank-colours .plank-filter-nav .filter-tabs-wrapper .filter-tabs-container .filter-tabs{flex-wrap:wrap}}.block-plank-colours .plank-filter-nav .filter-tabs-wrapper .filter-nav-controls{display:none;flex-shrink:0;gap:.5rem}.block-plank-colours .plank-filter-nav .filter-nav-btn{--tw-bg-opacity:1;--tw-text-opacity:1;all:unset;align-items:center;background-color:rgb(67 67 67/var(--tw-bg-opacity));border-radius:.5rem;color:rgb(255 255 255/var(--tw-text-opacity));cursor:pointer;display:flex;height:2.5rem;justify-content:center;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:2.5rem}.block-plank-colours .plank-filter-nav .filter-nav-btn:hover{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.block-plank-colours .plank-filter-nav .filter-nav-btn:disabled{cursor:not-allowed;opacity:.5}.block-plank-colours .plank-filter-nav .filter-nav-btn svg{fill:unset!important;height:1rem;width:1rem}.block-plank-colours .plank-filter-nav .filter-tab{background-color:var(--wp--preset--color--white-500);border:1px solid var(--wp--preset--color--light-grey-500);border-radius:8px 8px 0 0;color:var(--wp--preset--color--dark-grey-core-500);flex-shrink:0;font-family:var(--wp--preset--font-family--body);font-size:16px;font-weight:400;line-height:1.56;padding:1rem 1.5rem;text-align:center;text-decoration-line:none;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);white-space:nowrap}@media (max-width:1023px){.block-plank-colours .plank-filter-nav .filter-tab{font-size:.875rem;padding:.75rem 1rem}}.block-plank-colours .plank-filter-nav .filter-tab:hover:not(.active){background-color:var(--wp--preset--color--light-grey-500);border-color:var(--wp--preset--color--light-grey-600);font-weight:700}.block-plank-colours .plank-filter-nav .filter-tab.active{background-color:var(--wp--preset--color--black-500);border:none;box-shadow:inset 0 -4px 0 0 var(--wp--preset--color--red-core-500);color:var(--wp--preset--color--white-500);font-weight:700}.block-plank-colours .colour-group{margin-bottom:3rem;transition:all .3s ease}.block-plank-colours .colour-group.hidden{display:none}.block-plank-colours .colour-group .group-header{align-items:flex-end;border-top:1px solid var(--wp--preset--color--dark-grey-core-500);display:flex;justify-content:space-between;margin-bottom:1.5rem}@media (max-width:1023px){.block-plank-colours .colour-group .group-header{align-items:flex-start;flex-direction:column;gap:1rem}}.block-plank-colours .colour-group .group-header .group-title-badge{display:inline-block;position:relative}.block-plank-colours .colour-group .group-header .group-title-badge .title-svg{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.block-plank-colours .colour-group .group-header .group-title-badge h2{color:var(--wp--preset--color--white-500);font-family:var(--wp--preset--font-family--heading);font-size:30px;font-stretch:75%;font-weight:500;line-height:1.1;margin:0;padding:18px 64px 18px 48px;position:relative;white-space:nowrap;z-index:10}@media (max-width:1023px){.block-plank-colours .colour-group .group-header .group-title-badge h2{font-size:24px;padding:12px 48px 12px 32px}}.block-plank-colours .colour-group .group-header .group-count{color:var(--wp--preset--color--dark-grey-core-500);font-family:var(--wp--preset--font-family--heading);font-size:24px;font-stretch:75%;font-weight:500;line-height:1.17}@media (max-width:1023px){.block-plank-colours .colour-group .group-header .group-count{font-size:18px}}.block-plank-colours .plank-row{background-color:#f0f0ed;border:1px solid #d3d3d0;border-radius:8px;display:grid;gap:48px;grid-template-columns:222px minmax(0,422px) 400px;grid-template-rows:1fr;justify-content:space-between;margin-bottom:3rem;padding:48px}@media (max-width:1023px){.block-plank-colours .plank-row{gap:32px;grid-template-columns:1fr;grid-template-rows:auto;padding:32px}}@media (max-width:599px){.block-plank-colours .plank-row{gap:24px;padding:24px}}.block-plank-colours .plank-row .plank-sample{height:100%;width:100%}@media (max-width:1023px){.block-plank-colours .plank-row .plank-sample{height:auto;max-width:222px}}.block-plank-colours .plank-row .plank-sample img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media (max-width:1023px){.block-plank-colours .plank-row .plank-sample img{height:auto}}.block-plank-colours .plank-row .plank-content{align-self:stretch;display:flex;flex-direction:column;min-width:0}.block-plank-colours .plank-row .plank-content .plank-title{color:var(--wp--preset--color--dark-grey-core-500);font-family:var(--wp--preset--font-family--heading);font-size:30px;font-stretch:75%;font-weight:500;line-height:1.1;margin:0 0 1rem}@media (max-width:1023px){.block-plank-colours .plank-row .plank-content .plank-title{font-size:24px}}.block-plank-colours .plank-row .plank-content .plank-description{color:var(--wp--preset--color--dark-grey-core-500);font-family:var(--wp--preset--font-family--body);font-size:16px;font-weight:400;line-height:1.56;margin-bottom:1rem}.block-plank-colours .plank-row .plank-content .plank-description p{margin-bottom:1rem}.block-plank-colours .plank-row .plank-content .plank-description p:last-child{margin-bottom:0}.block-plank-colours .plank-row .plank-content .caulking-swatches{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:auto}.block-plank-colours .plank-row .plank-content .caulking-swatches .caulk-swatch{align-items:center;display:flex;flex-direction:column;flex-shrink:0;width:80px}.block-plank-colours .plank-row .plank-content .caulking-swatches .caulk-swatch img{display:block;height:110px;margin-bottom:.5rem;-o-object-fit:cover;object-fit:cover;width:80px}.block-plank-colours .plank-row .plank-content .caulking-swatches .caulk-swatch .caulk-label{color:var(--wp--preset--color--dark-grey-core-500);font-family:var(--wp--preset--font-family--body);font-size:14px;font-weight:700;line-height:1.29;text-align:center;width:100%}.block-plank-colours .plank-row .plank-gallery{align-self:stretch;display:flex;flex-direction:column;gap:1rem}@media (max-width:1023px){.block-plank-colours .plank-row .plank-gallery{align-self:auto}}.block-plank-colours .plank-row .plank-gallery .gallery-info{display:flex;flex-direction:column}.block-plank-colours .plank-row .plank-gallery .gallery-info strong{color:var(--wp--preset--color--dark-grey-core-500);font-family:var(--wp--preset--font-family--body);font-size:18px;font-weight:700;line-height:1.56}.block-plank-colours .plank-row .plank-gallery .gallery-info .photo-count{color:var(--wp--preset--color--dark-grey-core-500);font-family:var(--wp--preset--font-family--body);font-size:14px;font-weight:400;line-height:1.29}.block-plank-colours .plank-row .plank-gallery .gallery-link{border-radius:8px 8px 0 0;display:block;height:266px;overflow:hidden;position:relative;width:400px}@media (max-width:1023px){.block-plank-colours .plank-row .plank-gallery .gallery-link{aspect-ratio:400/266;height:auto;max-width:400px;width:100%}}.block-plank-colours .plank-row .plank-gallery .gallery-link img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;transition-duration:.3s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.block-plank-colours .plank-row .plank-gallery .gallery-link .gallery-overlay{align-items:center;background:linear-gradient(180deg,transparent,rgba(0,0,0,.6));display:flex;flex-direction:column;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .3s ease}.block-plank-colours .plank-row .plank-gallery .gallery-link .gallery-overlay .search-icon{margin-bottom:auto;margin-top:50%;transform:translateY(-50%)}.block-plank-colours .plank-row .plank-gallery .gallery-link .gallery-overlay .gallery-caption{color:var(--wp--preset--color--white-500);font-family:var(--wp--preset--font-family--body);font-size:13.4px;line-height:1.28;margin-top:auto;padding-bottom:1rem;padding-left:1rem;padding-right:1rem;text-align:center}.block-plank-colours .plank-row .plank-gallery .gallery-link:hover img{transform:scale(1.05)}.block-plank-colours .plank-row .plank-gallery .gallery-link:hover .gallery-overlay{opacity:1}.photo-gallery-modal{display:none;inset:0;position:fixed;z-index:50}.block-plank-colours .colour-group.photo-gallery-modal{display:none}.photo-gallery-modal{background-color:rgba(0,0,0,.9)}.photo-gallery-modal.active{align-items:center;display:flex;justify-content:center}.photo-gallery-modal .modal-container{margin-left:1rem;margin-right:1rem;max-width:1024px;position:relative;width:100%}.photo-gallery-modal .modal-container .modal-close{--tw-text-opacity:1;background-color:transparent;border-style:none;color:rgb(255 255 255/var(--tw-text-opacity));cursor:pointer;font-size:32px;line-height:1;position:absolute;right:1rem;top:1rem;transition:opacity .2s ease;z-index:10}.photo-gallery-modal .modal-container .modal-close:hover{opacity:.7}.photo-gallery-modal .modal-container .modal-content{position:relative}.photo-gallery-modal .modal-container .modal-content .modal-image{height:auto;max-height:100vh;-o-object-fit:contain;object-fit:contain;width:100%}.photo-gallery-modal .modal-container .modal-content .modal-caption{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));font-family:var(--wp--preset--font-family--body);font-size:14px;line-height:1.5;margin-top:1rem;text-align:center}.photo-gallery-modal .modal-container .modal-nav{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.photo-gallery-modal .modal-container .modal-nav button{align-items:center;background-color:var(--wp--preset--color--dark-grey-core-900);border-radius:8px;border-style:none;color:var(--wp--preset--color--white-500);cursor:pointer;display:flex;height:40px;justify-content:center;opacity:.8;transition:opacity .3s ease;width:40px}.photo-gallery-modal .modal-container .modal-nav button:hover{opacity:1}.photo-gallery-modal .modal-container .modal-nav button:disabled{cursor:not-allowed;opacity:.3}.photo-gallery-modal .modal-container .modal-nav button svg{height:16px;width:16px}.photo-gallery-modal .modal-container .modal-nav .modal-counter{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));font-family:var(--wp--preset--font-family--body);font-size:14px;font-weight:400}.block-plank-colours .block-empty-state{padding-bottom:3rem;padding-top:3rem;text-align:center}.block-plank-colours .block-empty-state p{color:var(--wp--preset--color--dark-grey-core-500);font-family:var(--wp--preset--font-family--body);font-size:16px}