.pp-palette{container-type:inline-size;--pp-cut:12px;margin:28px 0 34px;color:#2d254e}.pp-palette__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px;padding-top:8px}.pp-palette__item{appearance:none;display:block;width:100%;min-width:0;padding:0;border:0;border-radius:0;background:none;color:inherit;text-align:left;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.pp-palette__lift{position:relative;display:block;aspect-ratio:1.65;isolation:isolate;transition:transform .28s ease,filter .28s ease}.pp-palette__sample,.pp-palette__outline{display:block;position:absolute;inset:0;clip-path:polygon(var(--pp-cut) 0,100% 0,100% calc(100% - var(--pp-cut)),calc(100% - var(--pp-cut)) 100%,0 100%,0 var(--pp-cut))}.pp-palette__sample{overflow:hidden;background:var(--swatch);box-shadow:inset 0 0 0 1px #2d254e12}.pp-palette__sample img{display:block;width:100%;height:100%!important;object-fit:cover;margin:0!important;pointer-events:none}.pp-palette__sample--clear{background-color:#fff;background-image:linear-gradient(45deg,#e9e5ed 25%,transparent 25%),linear-gradient(-45deg,#e9e5ed 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e9e5ed 75%),linear-gradient(-45deg,transparent 75%,#e9e5ed 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}.pp-palette__outline{inset:-3px;background:#2d254e;z-index:-1;opacity:0;transition:opacity .2s}.pp-palette__sample::after{content:"";position:absolute;inset:-50%;background:linear-gradient(115deg,transparent 35%,#ffffff38 48%,transparent 61%);transform:translateX(-80%);opacity:0;pointer-events:none}.pp-palette__name{display:block;margin-top:10px;font-size:13px;line-height:1.45;font-weight:500;overflow-wrap:anywhere}.pp-palette__code{display:block;margin-top:3px;font-size:11px;line-height:1.5;color:#746980}.pp-palette__item[aria-pressed=true] .pp-palette__outline{opacity:1}.pp-palette__item[aria-pressed=true] .pp-palette__name{font-weight:700}.pp-palette__item:focus-visible{outline:2px solid #00b3d9;outline-offset:7px}.pp-palette__selection{display:flex;align-items:center;gap:18px;margin-top:28px;padding:22px 0 0;border-top:1px solid #e3dfe8}.pp-palette [hidden]{display:none!important}.pp-palette__selected-chip{position:relative;flex:0 0 72px;height:46px;--pp-cut:8px}.pp-palette__selected-text{display:flex;flex-direction:column;gap:4px;min-width:0}.pp-palette__selected-text strong{font-size:13px}.pp-palette__selected-text span,.pp-palette__selected-text small{font-size:11px;line-height:1.5;color:#746980}.pp-palette__selected-label{font-size:11px;color:#746980;border-left:1px solid #e3dfe8;padding-left:20px;margin-left:auto}.pp-detail .pp-palette .pp-palette__disclaimer{margin:22px 0 0!important;font-size:10px!important;line-height:1.65!important;color:#746980}
@container(min-width:320px){.pp-palette__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@container(min-width:680px){.pp-palette__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@container(min-width:1050px){.pp-palette__grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(hover:hover) and (pointer:fine){.pp-palette__item:hover .pp-palette__lift{transform:translateY(-5px);filter:drop-shadow(0 9px 8px #2d254e26)}.pp-palette__item:hover .pp-palette__outline{opacity:1}.pp-palette__item:hover .pp-palette__sample::after{animation:pp-palette-shine .75s ease-out both}}@keyframes pp-palette-shine{0%{transform:translateX(-80%);opacity:0}20%{opacity:1}100%{transform:translateX(80%);opacity:0}}
@media(max-width:767px){.pp-palette{margin:22px 0;--pp-cut:10px}.pp-palette__grid{gap:20px 14px}.pp-palette__selected-label{display:none}.pp-palette__selection{gap:14px}.pp-palette__name{font-size:12px}}@media(prefers-reduced-motion:reduce){.pp-palette *{animation:none!important;transition:none!important}.pp-palette__item:hover .pp-palette__lift{transform:none}}

.pp-palette__outline{inset:-1px;background:#e2dce7;opacity:1}.pp-palette__item[aria-pressed=true] .pp-palette__outline{inset:-2px;background:#2d254e}@media(hover:hover) and (pointer:fine){.pp-palette__item:hover .pp-palette__outline{inset:-2px;background:#2d254e}}