tiya-colour-preview{display:block;max-width:1100px;margin:40px auto;padding:0 24px;color:#10283b}tiya-colour-preview .tcp-intro{text-align:center;margin-bottom:24px}tiya-colour-preview .tcp-intro h2{margin:0 0 10px;font-size:clamp(26px,3vw,36px)}tiya-colour-preview .tcp-intro p{margin:0;line-height:1.6}tiya-colour-preview .tcp-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}tiya-colour-preview .tcp-card{display:block;min-width:0;padding:0;border:1px solid #dedede;border-radius:10px;overflow:hidden;background:#fffaf4;color:#10283b;cursor:pointer;box-shadow:none}tiya-colour-preview .tcp-card img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}tiya-colour-preview .tcp-card>span{display:flex;justify-content:space-between;gap:5px;padding:12px;font-size:16px}tiya-colour-preview button:focus-visible{outline:3px solid #10283b;outline-offset:3px}tiya-colour-preview .tcp-dialog{padding:0;margin:auto;width:min(760px,94vw);max-width:94vw;max-height:94dvh;overflow:auto;border:0;border-radius:12px;background:#fffaf4;color:#10283b;box-shadow:0 12px 50px #0004}tiya-colour-preview .tcp-dialog::backdrop{background:#081a29b8}tiya-colour-preview .tcp-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;position:sticky;top:0;background:#fffaf4;z-index:1}tiya-colour-preview .tcp-dialog-top h3{margin:0;font-size:20px}tiya-colour-preview .tcp-close{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;padding:0;border:1px solid #c5cbd0;border-radius:50%;background:#fff;color:#10283b;cursor:pointer;box-shadow:none}tiya-colour-preview .tcp-close svg{display:block;width:24px;height:24px;color:inherit}tiya-colour-preview .tcp-dialog figure{margin:0}tiya-colour-preview .tcp-dialog figure[hidden]{display:none!important}tiya-colour-preview .tcp-dialog figure img{width:100%;height:auto;max-height:66dvh;object-fit:contain;display:block}tiya-colour-preview .tcp-caption{padding:16px 20px 20px}tiya-colour-preview .tcp-caption p{margin:0 0 7px;font-size:18px;font-weight:600}tiya-colour-preview .tcp-caption small{display:block;font-size:12px;line-height:1.5;color:#52616b}html:has(.tcp-dialog[open]){overflow:hidden}@media(max-width:749px){tiya-colour-preview{padding:0 16px;margin-block:28px}tiya-colour-preview .tcp-cards{gap:8px}tiya-colour-preview .tcp-card>span{font-size:14px;padding:10px 7px}}
/*# sourceMappingURL=/cdn/shop/t/132/assets/tiya-colour-preview.css.map */