.ad-colour{display:flex;flex-wrap:wrap;gap:.8rem 0}.ad-colour[hidden]{display:none}.ad-colour__tiles{display:flex;flex-wrap:wrap;gap:.8rem;flex:0 0 100%;margin-bottom:.4rem}.ad-colour input[type=radio]{clip:rect(0,0,0,0);overflow:hidden;position:absolute;height:1px;width:1px}.ad-colour input[type=radio]+label.ad-ctile,.ad-colour input[type=radio]:checked+label.ad-ctile{display:flex;flex-direction:column;align-items:center;gap:.4rem;border:none;background:none!important;box-shadow:none;padding:0;margin:0;min-width:0;width:5.6rem;cursor:pointer;border-radius:0;color:rgba(var(--color-foreground),.75)!important}.ad-colour input[type=radio]+label.ad-ctile:before,.ad-colour input[type=radio]+label.ad-ctile:after{display:none!important}.ad-ctile__box{display:block;width:5.6rem;height:7.2rem;border-radius:.6rem;overflow:hidden;border:.1rem solid rgba(var(--color-foreground),.2);background:rgba(var(--color-foreground),.05)}.ad-ctile__box img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.ad-ctile__ph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:2rem}.ad-ctile__name{font-size:1.1rem;line-height:1.2;text-align:center}.ad-colour input:checked+label .ad-ctile__box{border:.2rem solid rgb(var(--color-foreground))}.ad-colour input:checked+label .ad-ctile__name{color:rgb(var(--color-foreground));font-weight:500}.ad-colour input.disabled+label .ad-ctile__box{opacity:.4}.ad-colour input:focus-visible+label .ad-ctile__box{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.ad-colour__wa{flex:0 0 100%;display:inline-flex;align-items:center;gap:.6rem;font-size:1.3rem;color:rgb(var(--color-foreground));text-decoration:none}.ad-colour__wa svg{width:1.8rem;height:1.8rem;fill:#25d366;flex-shrink:0}.ad-colour__wa:hover{text-decoration:underline}.ad-colour .ad-colour__note{flex:0 0 100%;display:block!important;position:relative;padding-left:2.4rem;margin:0!important;font-size:1.3rem!important;line-height:1.4!important;color:rgb(var(--color-foreground))!important;opacity:1!important}.ad-colour .ad-colour__note:before{content:"";position:absolute;left:0;top:.05rem;width:1.8rem;height:1.8rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2325d366' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3 3 6l2 5 3-1v11h8V10l3 1 2-5-5-3a4 4 0 0 1-8 0z'/%3E%3C/svg%3E") center / contain no-repeat}
/*# sourceMappingURL=/cdn/shop/t/7/assets/ad-colour-tiles.css.map */