.sample-card .sample-brand-preview{isolation:isolate;background:var(--sample-surface);color:#37332d;direction:ltr;min-width:0;display:block}.sample-card .sample-brand-preview[data-theme=dark]{color:#f4f2e9}.sample-preview-pattern{pointer-events:none;position:absolute;inset:0;overflow:hidden}.sample-preview-pattern>i{border:1px solid var(--sample-primary);opacity:.25;display:block;position:absolute}.sample-preview-pattern>i:first-child{border-radius:50%;width:75%;height:160%;top:5%;left:-30%;transform:rotate(-30deg)}.sample-preview-pattern>i:nth-child(2){border-radius:50%;width:90%;height:180%;top:-5%;left:-34%;transform:rotate(-30deg)}.sample-preview-pattern>i:nth-child(3){border-radius:50%;width:105%;height:200%;top:-15%;left:-38%;transform:rotate(-30deg)}.sample-preview-logo-surface{background:var(--sample-surface);border:1px solid #352e2520;border-radius:3px;place-items:center;min-width:0;min-height:0;padding:12px 22px;transition:transform .35s,box-shadow .35s;display:grid;position:absolute;inset:43px 32px;box-shadow:0 12px 30px #281c1510}.sample-brand-preview[data-theme=dark] .sample-preview-logo-surface{border-color:#ffffff18;box-shadow:0 12px 30px #0002}.sample-preview-logo-surface>img{object-fit:contain;object-position:center;filter:none;mix-blend-mode:normal;width:100%;max-width:180px;height:100%;max-height:90px;display:block}.sample-preview-logo-surface>span{direction:rtl;font-size:25px;font-weight:600}.sample-brand-preview .sample-number{z-index:2;color:currentColor;opacity:.55;letter-spacing:1.1px;top:15px;left:16px}.sample-preview-palette{z-index:2;direction:ltr;gap:4px;display:flex;position:absolute;top:16px;right:17px}.sample-preview-palette>i{border:1px solid #ffffff20;border-radius:1px;width:15px;height:5px;display:block}.sample-preview-tagline{text-align:right;white-space:nowrap;text-overflow:ellipsis;opacity:.78;font-size:8px;line-height:1.8;position:absolute;bottom:14px;left:54px;right:17px;overflow:hidden}.sample-brand-preview .sample-open{z-index:2;color:currentColor;opacity:.5;border-color:currentColor;width:28px;height:28px;bottom:11px;left:13px;transform:none}:is(.sample-card:hover .sample-brand-preview .sample-open,.sample-card:focus-visible .sample-brand-preview .sample-open){opacity:1}:is(.sample-card:hover .sample-preview-logo-surface,.sample-card:focus-visible .sample-preview-logo-surface){transform:translateY(-3px);box-shadow:0 16px 32px #281c1519}.sample-preview-photo{object-fit:cover;object-position:center;opacity:.95;width:57%;height:100%;display:block;position:absolute;inset:0 auto 0 0}.sample-brand-preview[data-effect=photo]:after{content:"";z-index:0;background:linear-gradient(90deg,transparent 15%,var(--sample-surface) 77%);pointer-events:none;position:absolute;inset:0}.sample-brand-preview[data-effect=photo] .sample-preview-pattern{display:none}.sample-brand-preview[data-effect=photo] .sample-preview-logo-surface{z-index:1;background:var(--sample-surface);border-color:#fff5;width:58%;inset:43px 17px 43px auto;box-shadow:0 12px 25px #5d412316}.sample-brand-preview[data-effect=photo] .sample-number{color:#3a342d;opacity:1;background:#f7f0e2bf;border-radius:2px;padding:4px 5px;top:11px;left:12px}.sample-brand-preview[data-effect=photo] .sample-preview-tagline{z-index:1}.sample-brand-preview[data-effect=waves] .sample-preview-pattern>i{background:var(--sample-primary);opacity:.7;border:0;border-radius:45%;width:130%;height:145%;top:72%;left:-16%;transform:rotate(-18deg)}.sample-brand-preview[data-effect=waves] .sample-preview-pattern>i:nth-child(2){background:var(--sample-secondary);opacity:.32;top:87%;left:-10%;transform:rotate(16deg)}.sample-brand-preview[data-effect=waves] .sample-preview-pattern>i:nth-child(3){background:var(--sample-accent);opacity:.45;top:100%;left:-30%;transform:rotate(-9deg)}.sample-brand-preview[data-effect=waves] .sample-preview-logo-surface{box-shadow:none;background:0 0;border-width:0 1px;border-radius:0;inset:42px 38px 48px}.sample-brand-preview[data-effect=orbit] .sample-preview-pattern>i{border:1px solid var(--sample-secondary);opacity:.5;border-radius:50%;width:150px;height:150px;top:26px;left:-55px;transform:rotate(-20deg)}.sample-brand-preview[data-effect=orbit] .sample-preview-pattern>i:nth-child(2){border-color:var(--sample-primary);opacity:.65;width:210px;height:210px;top:-4px;left:-85px}.sample-brand-preview[data-effect=orbit] .sample-preview-pattern>i:nth-child(3){background:var(--sample-accent);opacity:1;width:13px;height:13px;box-shadow:0 0 22px color-mix(in srgb,var(--sample-accent) 40%,transparent);border:0;top:67px;left:92px}.sample-brand-preview[data-effect=orbit] .sample-preview-logo-surface{background:color-mix(in srgb,var(--sample-surface) 88%,var(--sample-primary));border-color:color-mix(in srgb,var(--sample-primary) 50%,transparent);width:65%;inset:44px 24px 46px auto}.sample-brand-preview[data-card-style=rounded] .sample-preview-logo-surface{border-radius:16px}.sample-card .sample-card-footer{gap:10px}.sample-card .sample-card-footer>span:first-child{min-width:0}.sample-card .sample-card-footer small{font-size:8px;line-height:1.8}@media (min-width:1600px){.sample-preview-logo-surface>img{max-height:112px}.sample-preview-logo-surface,.sample-brand-preview[data-effect=photo] .sample-preview-logo-surface{inset-block:47px}.sample-brand-preview[data-effect=waves] .sample-preview-logo-surface,.sample-brand-preview[data-effect=orbit] .sample-preview-logo-surface{inset-block:48px}}@media (min-width:681px) and (max-width:1180px){.sample-preview-logo-surface{padding:10px 17px;inset:36px 20px 39px}.sample-brand-preview[data-effect=photo] .sample-preview-logo-surface{inset-block:37px}.sample-brand-preview[data-effect=waves] .sample-preview-logo-surface{inset:36px 25px 41px}.sample-brand-preview[data-effect=orbit] .sample-preview-logo-surface{inset-block:37px}.sample-preview-logo-surface>img{max-height:70px}.sample-preview-palette{gap:3px;right:13px}.sample-preview-palette>i{width:10px;height:4px}.sample-brand-preview .sample-number{font-size:5px;left:12px}.sample-preview-tagline{font-size:7px;right:13px}.sample-card .sample-card-footer small{font-size:7px}}@media (max-width:680px){.sample-preview-logo-surface>img{max-height:90px}.sample-card .sample-card-footer small{font-size:8px}}@media (prefers-reduced-motion:reduce){.sample-preview-logo-surface{transition:none}:is(.sample-card:hover .sample-preview-logo-surface,.sample-card:focus-visible .sample-preview-logo-surface){transform:none}}