.pele-device{--pele-dm-width:300px;--pele-dm-align:center;--pele-dm-primary:var(--e-global-color-primary,#6c47ff);--pele-dm-accent:var(--e-global-color-accent,#ff5c8a);--pele-dm-screen:#0d0e12;--pele-dm-shadow:rgba(16,19,36,.32);--pele-dm-hint-bg:rgba(16,18,30,.72);--pele-dm-hint:#fff;--pele-dm-ease:cubic-bezier(0.45,0.05,0.4,1);--pele-dm-body-1:#4a4d55;--pele-dm-body-2:#2b2d33;--pele-dm-body-3:#18191d;--pele-dm-edge:hsla(0,0%,100%,.16);--pele-dm-bezel:#060709;--pele-dm-button:#2f3137;--pele-dm-deck-1:#44474f;--pele-dm-deck-2:#26282d;--pele-dm-lip:#16171a;--pele-dm-strap-1:#202125;--pele-dm-strap-2:#34363c;--pele-dm-bar:#1d1f25;--pele-dm-bar-line:hsla(0,0%,100%,.06);--pele-dm-field:#121318;--pele-dm-field-text:#b9bdca;display:grid;grid-template-columns:minmax(0,1fr);justify-items:var(--pele-dm-align)}.pele-device--color-light{--pele-dm-body-1:#fff;--pele-dm-body-2:#eef0f4;--pele-dm-body-3:#d3d6de;--pele-dm-edge:hsla(0,0%,100%,.9);--pele-dm-button:#d9dce3;--pele-dm-deck-1:#f4f5f8;--pele-dm-deck-2:#d6d9e0;--pele-dm-lip:#b9bdc7;--pele-dm-strap-1:#e9e6df;--pele-dm-strap-2:#f7f5f0;--pele-dm-bar:#f3f4f7;--pele-dm-bar-line:#e2e4ea;--pele-dm-field:#fff;--pele-dm-field-text:#5b6078}.pele-device--color-light:is(.pele-device--tablet,.pele-device--desktop){--pele-dm-bezel:#fbfbfd}.pele-device--color-silver{--pele-dm-body-1:#f1f2f5;--pele-dm-body-2:#c9ccd4;--pele-dm-body-3:#a5a9b3;--pele-dm-edge:hsla(0,0%,100%,.7);--pele-dm-button:#b4b8c1;--pele-dm-deck-1:#e6e8ec;--pele-dm-deck-2:#b9bdc6;--pele-dm-lip:#9a9ea8;--pele-dm-strap-1:#8e939e;--pele-dm-strap-2:#b5b9c2;--pele-dm-bar:#eceef2;--pele-dm-bar-line:#d9dce3;--pele-dm-field:#fff;--pele-dm-field-text:#5b6078}.pele-device--color-custom{--pele-dm-custom:#6c47ff;--pele-dm-body-1:color-mix(in srgb,var(--pele-dm-custom) 70%,#fff);--pele-dm-body-2:var(--pele-dm-custom);--pele-dm-body-3:color-mix(in srgb,var(--pele-dm-custom) 70%,#000);--pele-dm-edge:hsla(0,0%,100%,.35);--pele-dm-button:color-mix(in srgb,var(--pele-dm-custom) 80%,#000);--pele-dm-deck-1:color-mix(in srgb,var(--pele-dm-custom) 80%,#fff);--pele-dm-deck-2:color-mix(in srgb,var(--pele-dm-custom) 85%,#000);--pele-dm-lip:color-mix(in srgb,var(--pele-dm-custom) 55%,#000);--pele-dm-strap-1:color-mix(in srgb,var(--pele-dm-custom) 80%,#000);--pele-dm-strap-2:var(--pele-dm-custom);--pele-dm-bar:color-mix(in srgb,var(--pele-dm-custom) 12%,#fff);--pele-dm-bar-line:color-mix(in srgb,var(--pele-dm-custom) 20%,#fff);--pele-dm-field:#fff;--pele-dm-field-text:#4a4f66}.pele-device--phone.pele-device--landscape{--pele-dm-width:600px}.pele-device--tablet{--pele-dm-width:460px}.pele-device--tablet.pele-device--landscape{--pele-dm-width:640px}.pele-device--laptop{--pele-dm-width:860px}.pele-device--desktop{--pele-dm-width:760px}.pele-device--browser{--pele-dm-width:920px}.pele-device--watch{--pele-dm-width:210px}.pele-device--view-iso{--pele-dm-width:520px}.pele-device--view-iso:is(.pele-device--laptop,.pele-device--desktop,.pele-device--browser,.pele-device--landscape){--pele-dm-width:760px}.pele-device--fluid:before{content:"";display:block;inline-size:100vw;max-inline-size:100%}.pele-device__stage{box-sizing:content-box;inline-size:var(--pele-dm-width);max-inline-size:100%;perspective:2200px;position:relative}.pele-device__device{aspect-ratio:var(--pele-dm-ratio,auto);position:relative;transform-origin:50% 50%;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.pele-device .pele-device__frame,.pele-device .pele-device__over{block-size:100%;display:block;inline-size:100%;inset:0;overflow:visible;pointer-events:none;position:absolute}.pele-device__over{z-index:3}.pele-device__body-a{stop-color:var(--pele-dm-body-1)}.pele-device__body-b{stop-color:var(--pele-dm-body-2)}.pele-device__body-c{stop-color:var(--pele-dm-body-3)}.pele-device__deck-a{stop-color:var(--pele-dm-deck-1)}.pele-device__deck-b{stop-color:var(--pele-dm-deck-2)}.pele-device__strap-a{stop-color:var(--pele-dm-strap-1)}.pele-device__strap-b{stop-color:var(--pele-dm-strap-2)}.pele-device__edge{fill:none;stroke:var(--pele-dm-edge);stroke-width:1.5}.pele-device__bezel{fill:var(--pele-dm-bezel)}.pele-device__btn,.pele-device__crown{fill:var(--pele-dm-button)}.pele-device__crown{fill:var(--pele-dm-body-2)}.pele-device__hinge,.pele-device__lip{fill:var(--pele-dm-lip)}.pele-device__hinge{opacity:.8}.pele-device__notch{fill:var(--pele-dm-deck-2)}.pele-device__island{fill:#000}.pele-device__cam{fill:#0b0f18}.pele-device__lens{fill:#1d2a40}.pele-device__screen{background:var(--pele-dm-screen);block-size:var(--pele-dm-sh);border-radius:var(--pele-dm-r);inline-size:var(--pele-dm-sw);inset-block-start:var(--pele-dm-y);isolation:isolate;left:var(--pele-dm-x);overflow:hidden;position:absolute;z-index:2}.pele-device--color-light:is(.pele-device--tablet,.pele-device--desktop) .pele-device__screen{box-shadow:0 0 0 1px rgba(20,23,43,.06)}.pele-device .pele-device__described,.pele-device .pele-device__link,.pele-device .pele-device__pan{display:block;inset:0;position:absolute}.pele-device .pele-device__link{color:inherit;outline:none}.pele-device .pele-device__content,.pele-device .pele-device__pan{transition:transform var(--pele-dm-back) var(--pele-dm-ease)}.pele-device .pele-device__content{block-size:auto;border:0;border-radius:0;box-shadow:none;display:block;inline-size:100%;inset-block-start:0;left:0;margin:0;max-inline-size:none;min-block-size:100%;object-fit:cover;object-position:50% 0;position:absolute}.pele-device .pele-device__video{block-size:100%;object-position:50% 50%}.pele-device--scroll-hover :is(.pele-device__stage:hover,.pele-device__stage:focus-within) .pele-device__pan{transform:translateY(100%);transition-duration:var(--pele-dm-time)}.pele-device--scroll-hover :is(.pele-device__stage:hover,.pele-device__stage:focus-within) .pele-device__content{transform:translateY(-100%);transition-duration:var(--pele-dm-time)}.pele-device--scroll-page .pele-device__pan{transform:translateY(calc(var(--pele-dm-p, 0)*100%));transition:none}.pele-device--scroll-page .pele-device__content{transform:translateY(calc(var(--pele-dm-p, 0)*-100%));transition:none}.pele-device--scroll-manual .pele-device__screen{overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:auto;scrollbar-color:hsla(0,0%,100%,.35) transparent;scrollbar-width:thin}.pele-device--scroll-manual .pele-device__content,.pele-device--scroll-manual .pele-device__described,.pele-device--scroll-manual .pele-device__link,.pele-device--scroll-manual .pele-device__pan{inset:auto;position:relative}.pele-device--scroll-manual .pele-device__glare{inset-block-start:0;margin-block-start:-100%;position:sticky}.pele-device .pele-device__screen[tabindex]:focus-visible{box-shadow:none;outline:3px solid var(--pele-dm-primary);outline-offset:4px}.pele-device .pele-device__link:focus-visible{box-shadow:none;outline:none}.pele-device .pele-device__link:after{border-radius:inherit;box-shadow:inset 0 0 0 3px var(--pele-dm-primary);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;z-index:5}.pele-device .pele-device__link:focus-visible:after{opacity:1}.pele-device__glare{background:linear-gradient(118deg,hsla(0,0%,100%,.16),hsla(0,0%,100%,.05) 32%,hsla(0,0%,100%,0) 46%);block-size:100%;display:none;inset:0;pointer-events:none;position:absolute;z-index:2}.pele-device--glare .pele-device__glare{display:block}.pele-device__hint{align-items:center;backdrop-filter:blur(8px);background:var(--pele-dm-hint-bg);border-radius:999px;box-shadow:0 8px 20px -8px rgba(0,0,0,.45);color:var(--pele-dm-hint);display:inline-flex;font-size:12.5px;font-weight:600;gap:6px;inset-block-end:6%;inset-inline-start:50%;line-height:1.2;max-inline-size:86%;padding:7px 13px 7px 11px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .3s ease,transform .3s ease;white-space:nowrap;z-index:3}.pele-device__hint:dir(rtl){transform:translateX(50%)}.pele-device__hint svg{block-size:14px;fill:none;flex:none;inline-size:14px;stroke:currentcolor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2}.pele-device__hint[hidden]{display:none}.pele-device__hint-text{overflow:hidden;text-overflow:ellipsis}.pele-device.is-scrolled .pele-device__hint,.pele-device__stage:focus-within .pele-device__hint,.pele-device__stage:hover .pele-device__hint{opacity:0}.pele-device--watch .pele-device__hint{font-size:10.5px;padding:5px 9px}.pele-device .pele-device__pause,.pele-device .pele-device__pause:focus{backdrop-filter:blur(8px);background:rgba(16,18,30,.55);block-size:36px;border:1px solid hsla(0,0%,100%,.3);border-radius:50%;color:#fff;cursor:pointer;display:grid;inline-size:36px;inset-block-end:5%;inset-inline-end:5%;margin:0;padding:0;place-items:center;position:absolute;transition:background-color .2s ease;z-index:4}.pele-device .pele-device__pause svg,.pele-device .pele-device__pause:focus svg{block-size:16px;fill:currentcolor;inline-size:16px;stroke:currentcolor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.4}.pele-device .pele-device__pause:focus[hidden],.pele-device .pele-device__pause[hidden]{display:none}.pele-device .pele-device__pause:hover{background:rgba(16,18,30,.78);color:#fff}.pele-device .pele-device__pause:focus-visible{box-shadow:0 0 0 5px var(--pele-dm-primary);outline:2px solid #fff;outline-offset:2px}.pele-device__pause[aria-pressed=true] .pele-device__pause-icon,.pele-device__play-icon{display:none}.pele-device__pause[aria-pressed=true] .pele-device__play-icon{display:block}.pele-device__window{background:var(--pele-dm-bar);border:1px solid var(--pele-dm-bar-line);border-radius:14px;overflow:hidden}.pele-device__window .pele-device__screen{aspect-ratio:16/10;block-size:auto;border-radius:0;inline-size:100%;inset:auto;position:relative}.pele-device__bar{align-items:center;block-size:46px;border-block-end:1px solid var(--pele-dm-bar-line);color:var(--pele-dm-field-text);display:flex;gap:14px;padding-inline:16px}.pele-device__bar svg{block-size:18px;fill:none;inline-size:18px;stroke:currentcolor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.pele-device__dots{display:flex;gap:7px}.pele-device__dots i{background:#ff6159;block-size:11px;border-radius:50%;inline-size:11px}.pele-device__dots i:nth-child(2){background:#ffbd2e}.pele-device__dots i:nth-child(3){background:#28c941}.pele-device__nav{display:flex;gap:4px;opacity:.6}.pele-device__nav:dir(rtl) svg{transform:scaleX(-1)}.pele-device__address{align-items:center;background:var(--pele-dm-field);block-size:30px;border-radius:9px;box-shadow:inset 0 0 0 1px var(--pele-dm-bar-line);color:var(--pele-dm-field-text);display:flex;flex:1 1 auto;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:13px;gap:6px;justify-content:center;line-height:1;margin-inline:auto;max-inline-size:520px;min-inline-size:0;padding-inline:14px;white-space:nowrap}.pele-device__address svg{block-size:13px;flex:none;inline-size:13px}.pele-device__address span{overflow:hidden;text-overflow:ellipsis}.pele-device__tools{display:flex;gap:3px;opacity:.55}.pele-device__tools i{background:currentcolor;block-size:4px;border-radius:50%;inline-size:4px}@media(max-width:767px){.pele-device__window{border-radius:10px}.pele-device__bar{block-size:34px;gap:10px;padding-inline:10px}.pele-device__dots{gap:5px}.pele-device__dots i{block-size:8px;inline-size:8px}.pele-device__nav,.pele-device__tools{display:none}.pele-device__address{block-size:22px;font-size:11px}}.pele-device .pele-device__sample{block-size:auto}.pele-device__s-bg,.pele-device__s-page{fill:#fff}.pele-device__sample-from{stop-color:var(--pele-dm-primary)}.pele-device__sample-to{stop-color:var(--pele-dm-accent)}.pele-device__s-ink{fill:#1d2034}.pele-device__s-muted{fill:#c4c8d4}.pele-device__s-soft{fill:#e7e9ef}.pele-device__s-card{fill:#f4f5f9}.pele-device__s-white{fill:#fff}.pele-device__s-white-soft{fill:hsla(0,0%,100%,.72)}.pele-device__s-white-faint{fill:hsla(0,0%,100%,.16)}.pele-device__s-primary{fill:var(--pele-dm-primary)}.pele-device__s-accent{fill:var(--pele-dm-accent)}.pele-device__s-primary-tint{fill:color-mix(in srgb,var(--pele-dm-primary) 22%,#fff)}.pele-device__s-accent-tint{fill:color-mix(in srgb,var(--pele-dm-accent) 22%,#fff)}.pele-device__s-accent-block{fill:color-mix(in srgb,var(--pele-dm-accent) 85%,var(--pele-dm-primary))}.pele-device__s-footer{fill:#14172b}.pele-device__s-footer-ink{fill:hsla(0,0%,100%,.85)}.pele-device__s-footer-soft{fill:hsla(0,0%,100%,.28)}.pele-device--shadow-soft .pele-device__device{filter:drop-shadow(0 22px 26px color-mix(in srgb,var(--pele-dm-shadow) 60%,transparent)) drop-shadow(0 4px 8px color-mix(in srgb,var(--pele-dm-shadow) 35%,transparent))}.pele-device--shadow-deep .pele-device__device{filter:drop-shadow(0 46px 44px color-mix(in srgb,var(--pele-dm-shadow) 85%,transparent)) drop-shadow(0 14px 16px color-mix(in srgb,var(--pele-dm-shadow) 45%,transparent)) drop-shadow(0 2px 3px color-mix(in srgb,var(--pele-dm-shadow) 40%,transparent))}.pele-device--view-left .pele-device__device{transform:rotateY(-20deg) rotateX(5deg) scale(.95)}.pele-device--view-right .pele-device__device{transform:rotateY(20deg) rotateX(5deg) scale(.95)}.pele-device--straighten .pele-device__stage:is(:hover,:focus-within) .pele-device__device{transform:none}.pele-device--view-iso .pele-device__stage{aspect-ratio:var(--pele-dm-box);padding-block-start:34px;perspective:none}.pele-device--view-iso .pele-device__device,.pele-device--view-iso .pele-device__floor{inline-size:var(--pele-dm-device-w);inset-block-start:calc(50% + 17px);left:50%;position:absolute}.pele-device--view-iso .pele-device__device{transform:translate(-50%,-50%) rotateX(55deg) rotate(-45deg) translateZ(34px);transform-style:preserve-3d}.pele-device--view-iso .pele-device__stage:hover .pele-device__device{transform:translate(-50%,-50%) rotateX(55deg) rotate(-45deg) translateZ(48px)}.pele-device--view-iso .pele-device__floor{aspect-ratio:var(--pele-dm-ratio,16/10);background:var(--pele-dm-shadow);border-radius:12%;filter:blur(18px);opacity:.55;transform:translate(-50%,-50%) rotateX(55deg) rotate(-45deg) scale(.94);transition:opacity .6s ease}.pele-device--view-iso .pele-device__stage:hover .pele-device__floor{opacity:.4}.pele-device--view-iso.pele-device--shadow-none .pele-device__floor{display:none}.pele-device--view-iso.pele-device--shadow-deep .pele-device__device,.pele-device--view-iso.pele-device--shadow-soft .pele-device__device{filter:none}.pele-device--view-iso.pele-device--browser .pele-device__floor{aspect-ratio:16/11}@media(prefers-reduced-motion:reduce){.pele-device .pele-device__content,.pele-device .pele-device__device,.pele-device .pele-device__floor,.pele-device .pele-device__pan,.pele-device__hint{transition:none}}
