.ui-pcard,.ui-salon{--sw-r-frame:2.5px;--sw-r-canvas:1.5px;--sw-shadow:var(--room)}.ui-salon{container:salon/inline-size;--gap:clamp(12px,1.6vw,24px);--plaque:calc(var(--sw-lines, 2) * 1.25rem + 0.625rem);width:100%}:is(.ui-band[data-tone=room],.ui-on-room) :is(.ui-salon,.ui-pcard){--sw-shadow:color-mix(in srgb,var(--room) 45%,var(--ink))}.ui-salon__list{--c:2;--cw:calc((100cqi - (var(--c) - 1) * var(--gap)) / var(--c));position:relative;height:var(--h2);margin:0;padding:0;list-style:none}.ui-salon__item{--x:var(--x2);--t:var(--t2);position:absolute;top:var(--t);left:calc(var(--x) * (var(--cw) + var(--gap)));width:var(--cw);margin:0}@container salon (min-width: 580px){.ui-salon:not([data-max="2"]) .ui-salon__list{--c:3;height:var(--h3)}.ui-salon:not([data-max="2"]) .ui-salon__item{--x:var(--x3);--t:var(--t3)}}@container salon (min-width: 940px){.ui-salon:is([data-max="4"],[data-max="5"]) .ui-salon__list{--c:4;height:var(--h4)}.ui-salon:is([data-max="4"],[data-max="5"]) .ui-salon__item{--x:var(--x4);--t:var(--t4)}}@container salon (min-width: 1200px){.ui-salon[data-max="5"] .ui-salon__list{--c:5;height:var(--h5)}.ui-salon[data-max="5"] .ui-salon__item{--x:var(--x5);--t:var(--t5)}}.ui-salon__link{display:block;text-decoration:none;-webkit-tap-highlight-color:transparent}.ui-salon__link,.ui-salon__link:hover{color:var(--c-fg)}.ui-salon__link:focus-visible{outline:none}.ui-salon__link:focus-visible .ui-salon__hang{outline:2px solid var(--c-focus);outline-offset:4px}.ui-salon__hang{position:relative;display:block;isolation:isolate;border-radius:var(--sw-r-frame);perspective:600px;box-shadow:0 1px 2px color-mix(in srgb,var(--sw-shadow) 30%,transparent),0 10px 18px -8px color-mix(in srgb,var(--sw-shadow) 42%,transparent);transition:translate var(--jz-t-hover) var(--jz-ease-out),scale var(--jz-t-release) var(--jz-spring)}.ui-salon__hang:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;box-shadow:0 22px 34px -14px color-mix(in srgb,var(--sw-shadow) 55%,transparent);opacity:0;transition:opacity var(--jz-t-hover) var(--jz-ease-out);pointer-events:none}@media (hover:hover) and (pointer:fine){.ui-salon__link:hover .ui-salon__hang{translate:0 calc(var(--jz-lift) * 1.5)}.ui-salon__link:hover .ui-salon__hang:after{opacity:1}}.ui-salon__link:is(:active,[data-pressed]) .ui-salon__hang{scale:calc(1 - (1 - var(--jz-press)) * 1.25);transition-duration:var(--jz-t-press);transition-timing-function:var(--jz-ease-press)}.ui-salon__frame{box-sizing:border-box;padding:calc(var(--k, 0) * var(--cw));clip-path:inset(0 round var(--sw-r-frame));background:var(--sw-rail,var(--c-tile));transform-origin:50% 40%}.ui-salon__canvas,.ui-salon__frame{position:relative;display:block;width:100%}.ui-salon__canvas{overflow:hidden;aspect-ratio:var(--ar,.8);border-radius:var(--sw-r-canvas);background:var(--tile)}.ui-salon__img{display:block;width:100%;height:100%;max-width:none;object-fit:cover}:is(.ui-salon__item,.ui-pcard)[data-frame-baked] .ui-salon__img{position:absolute;top:var(--crop-t,0);left:var(--crop-l,0);width:var(--crop-w,100%);height:var(--crop-h,100%)}.ui-salon__canvas:after{content:"";background:radial-gradient(120% 55% at 50% -10%,rgba(255,248,230,.22),transparent 60%),linear-gradient(180deg,transparent 60%,rgba(0,0,0,.12));mix-blend-mode:soft-light}.ui-salon__canvas:after,.ui-salon__moulding{position:absolute;inset:0;pointer-events:none}.ui-salon__moulding{--sw-band:calc(var(--k, 0) * var(--cw));--sw-rabbet:max(1px,calc(var(--sw-band) * 0.1));box-sizing:border-box;border:0;border-image-source:var(--sw-kit);border-image-slice:var(--sw-slice);border-image-width:calc(var(--sw-band) + var(--sw-rabbet));border-image-repeat:round}.ui-salon__moulding:after{content:"";position:absolute;inset:calc(var(--sw-band) + var(--sw-rabbet));box-shadow:inset 0 calc(var(--sw-band) * .06) calc(var(--sw-band) * .3) rgba(20,16,12,.4)}.ui-salon__glint{position:absolute;inset:0;overflow:hidden;padding:calc(var(--k, 0) * var(--cw));pointer-events:none;-webkit-mask:linear-gradient(var(--ink) 0 0) content-box,linear-gradient(var(--ink) 0 0);-webkit-mask-composite:xor;mask:linear-gradient(var(--ink) 0 0) content-box exclude,linear-gradient(var(--ink) 0 0);mix-blend-mode:screen}.ui-salon__glint-bar{position:absolute;top:-40%;bottom:-40%;left:36%;width:28%;opacity:0;rotate:22deg;background:linear-gradient(90deg,transparent,rgba(255,246,222,.95) 50%,transparent)}.ui-salon__item[data-moulding=wrap] :is(.ui-salon__moulding,.ui-salon__glint){display:none}.ui-salon__noimg{display:grid;place-items:center;height:100%;padding:var(--sp-3);color:var(--ink-soft);font-size:var(--fs-small);text-align:center}.ui-salon__plate{display:block;box-sizing:border-box;height:var(--plaque);overflow:hidden;padding-top:.625rem;font-size:var(--fs-small);line-height:1.25rem}.ui-salon__plate>span{display:block;height:1.25rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ui-salon__title{font-weight:650;color:var(--c-fg)}.ui-salon__artist{color:var(--c-soft)}.ui-salon__price{color:var(--c-fg)}.ui-salon__price>span{vertical-align:top}.ui-salon__from{margin-right:.3em;font-size:.75rem;color:var(--c-soft)}.ui-salon__amount{font-weight:800}