.showcase-page{padding:0 0 80px}.showcase-preview{color:#2c332f;-webkit-user-select:none;user-select:none;border-bottom:1px solid #00000008;justify-content:center;align-items:center;height:225px;font-family:Arial,sans-serif;display:flex;overflow:hidden}.showcase-preview--satellite-map{color:#f2f5e7;background:#233e34}.showcase-mini-map{background:repeating-radial-gradient(at 85% 70%,#0000 0 18px,#b7caa419 19px 20px,#0000 21px 32px);width:100%;height:100%;padding:26px;position:relative;overflow:hidden}.showcase-mini-map>span{letter-spacing:.12em;color:#c1d3b8;font-size:8px;display:block}.showcase-mini-map>strong{letter-spacing:-.025em;margin-top:14px;font:25px/1.05 Georgia,serif;display:block}.showcase-mini-map>i{color:#203c2c;background:#dceda9;border:2px solid #fff;border-radius:20px 20px 20px 4px;place-items:center;width:30px;height:36px;font:700 11px Arial,sans-serif;display:grid;position:absolute;top:48%;right:26%;box-shadow:0 5px 12px #0006}.showcase-mini-map>i+i{background:#f5d38a;top:23%;right:12%}.showcase-mini-map>i+i+i{background:#b4dcec;top:67%;right:43%}.showcase-mini-map>small{color:#c1d3b8;font-size:9px;position:absolute;bottom:22px;left:26px}.showcase-preview--photo-gallery{background:#e5e8df}.showcase-mini-gallery{width:82%;max-width:300px}.showcase-mini-gallery>strong{letter-spacing:-.04em;margin-bottom:14px;font:25px Georgia,serif;display:block}.showcase-mini-gallery>div{border-radius:8px;grid-template-rows:62px 62px;grid-template-columns:2fr 1fr 1fr;gap:4px;display:grid;overflow:hidden}.showcase-mini-gallery i{background:linear-gradient(150deg,#d6c8aa 45%,#8c9d83 46% 65%,#617563 66%)}.showcase-mini-gallery i:first-child{background:radial-gradient(circle at 65% 25%,#f8e7ac 0 14%,#0000 15%),linear-gradient(135deg,#c7d3be 48%,#758a6e 49% 68%,#3e5c49 69%);grid-row:span 2}.showcase-mini-gallery i:nth-child(3){background:linear-gradient(65deg,#bea283 45%,#eadbc1 46%)}.showcase-mini-gallery i:nth-child(4){background:linear-gradient(140deg,#e7d9b6 40%,#879279 41% 70%,#55694f 71%)}.showcase-mini-gallery>span{margin-top:12px;font-size:9px;display:block}.showcase-preview--ui-kit{background:#e6edfa}.showcase-preview--theme-kit{background:#e5dcd1}.showcase-mini-themes{align-items:center;gap:9px;display:flex;transform:rotate(-4deg)}.showcase-mini-themes>div{color:#302d27;background:#faf8f3;border-radius:8px;width:127px;padding:18px 13px;box-shadow:0 7px 15px #4c302116}.showcase-mini-themes>div+div{color:#e2ed91;background:#1d211e;border-radius:2px;transform:translateY(12px)rotate(8deg)}.showcase-mini-themes span{letter-spacing:1px;font-size:6px}.showcase-mini-themes strong{letter-spacing:-1px;margin:14px 0 21px;font:23px/1.05 Georgia,serif;display:block}.showcase-mini-themes>div+div strong{font-family:Arial,sans-serif;font-weight:600}.showcase-mini-themes i{background:#79583f;border-radius:50%;width:19px;height:19px;margin-right:4px;display:inline-block}.showcase-mini-themes i+i{background:#c9b59e}.showcase-mini-themes i+i+i{background:#e9e1d6}.showcase-mini-themes>div+div i{background:#e2ed91}.showcase-mini-themes>div+div i+i{background:#687761}.showcase-mini-themes>div+div i+i+i{background:#f4f1e7}.showcase-preview--booking-kit{background:#e3e9df}.showcase-preview--audio-player{background:#e9dace}.showcase-preview--ecommerce{background:#edebe3}.showcase-preview--contact-form{background:#f0e6d4}.showcase-preview--app-auth{color:#f4f1e9;background:#262e29}.showcase-preview--stripe-payments{background:#e8e4f2}.showcase-preview--managed-database{background:#dfeae8}.showcase-preview--project-resources{background:#e8e6df}.showcase-mini-ui{background:#fff;border-radius:9px;width:204px;padding:19px;position:relative;transform:rotate(-3deg);box-shadow:0 12px 25px #283f6810}.showcase-mini-badge{color:#527154;border:1px solid #d9ddd5;border-radius:20px;padding:5px 8px;font-size:9px;display:inline-block}.showcase-mini-ui>strong{letter-spacing:-.06em;margin:12px 0;font-size:19px;font-weight:500;display:block}.showcase-mini-lines i{background:#e7ebef;width:90%;height:3px;margin-top:6px;display:block}.showcase-mini-lines i+i{width:67%}.showcase-mini-actions{justify-content:space-between;align-items:center;margin-top:17px;font-size:9px;display:flex}.showcase-mini-actions>span{color:#fff;background:#2862df;border-radius:5px;padding:10px 16px}.showcase-mini-actions b{font-size:24px;font-weight:400}.showcase-swatches{background:#fff;border:1px solid #e1e6eb;border-radius:30px;gap:5px;padding:8px;display:grid;position:absolute;top:8px;right:-30px;transform:rotate(9deg)}.showcase-swatches i{background:#2862df;border-radius:50%;width:12px;height:12px}.showcase-swatches i:nth-child(2){background:#8ca886}.showcase-swatches i:nth-child(3){background:#e4b88e}.showcase-swatches i:nth-child(4){background:#ba6575}.showcase-mini-calendar{background:#fffefa;border-radius:8px;width:231px;padding:20px;transform:rotate(2deg);box-shadow:0 9px 20px #2f422512}.showcase-mini-calendar>div:first-child{gap:6px;font-size:10px;display:grid}.showcase-mini-calendar strong{font-family:Georgia,serif;font-size:16px;font-weight:400}.showcase-mini-calendar>div>span{color:#63745e;font-size:8px}.showcase-calendar-grid{text-align:center;grid-template-columns:repeat(7,1fr);gap:3px 0;margin:14px 0;display:grid}.showcase-calendar-grid span{padding:5px 0;font-size:8px}.showcase-calendar-grid span[data-selected=true]{background:#e0e8d7}.showcase-calendar-grid span:nth-child(10),.showcase-calendar-grid span:nth-child(14){color:#fff;background:#3c5940;border-radius:4px}.showcase-mini-calendar small{border-top:1px solid #e5e8de;padding-top:9px;font-size:8px;display:block}.showcase-mini-audio{width:188px}.showcase-record{background:repeating-radial-gradient(#272c28 0 2px,#343a33 3px 4px);border-radius:50%;place-items:center;width:144px;height:144px;margin:0 auto 12px;display:grid;box-shadow:0 8px 16px #2a20152a}.showcase-record>div{text-align:center;background:#cdb384;border-radius:50%;place-content:center;width:68px;height:68px;font:25px Georgia,serif;display:grid}.showcase-record small{letter-spacing:1px;margin-top:4px;font:4px Arial,sans-serif;display:block}.showcase-mini-player{justify-content:space-between;align-items:center;font-size:10px;display:flex}.showcase-mini-player small{color:#736252;margin-top:4px;font-size:8px;display:block}.showcase-mini-player b{color:#faf5e8;background:#333d33;border-radius:50%;place-items:center;width:30px;height:30px;font-size:9px;display:grid}.showcase-mini-shop{background:#fffdf8;border-radius:7px;width:173px;overflow:hidden;transform:rotate(-3deg);box-shadow:0 8px 25px #51381f13}.showcase-vessel{background:#dfd9cb;place-items:center;height:124px;display:grid}.showcase-vessel i{background:linear-gradient(90deg,#ab7857,#d3a884 70%,#bd8d69);border-radius:5px 5px 23px 23px;width:66px;height:60px;display:block;position:relative;box-shadow:0 12px 10px -7px #80644d55}.showcase-vessel i:after{content:"";border:7px solid #bd906e;border-left:0;border-radius:0 18px 18px 0;width:26px;height:33px;position:absolute;top:7px;right:-23px}.showcase-mini-shop>div+div{padding:12px}.showcase-mini-shop span{letter-spacing:1px;font-size:5px}.showcase-mini-shop strong{margin-top:5px;font:16px Georgia,serif;display:block}.showcase-mini-shop p{justify-content:space-between;margin-top:7px;font-size:8px;display:flex}.showcase-mini-form{background:#fffefb;border-radius:7px;width:210px;padding:20px;transform:rotate(2deg);box-shadow:0 8px 25px #51381f13}.showcase-mini-form>strong{margin-bottom:13px;font:25px Georgia,serif;display:block}.showcase-mini-form>span{margin-top:9px;font-size:7px;display:block}.showcase-mini-form i{border:1px solid #e6e1d5;border-radius:3px;height:19px;margin-top:4px;display:block}.showcase-mini-form b{color:#fff;text-align:center;background:#425c45;border-radius:4px;margin-top:12px;padding:9px;font-size:8px;font-weight:400;display:block}.showcase-mini-auth{text-align:center}.showcase-avatar{color:#3b513d;background:#c6d0b5;border-radius:50%;place-items:center;width:44px;height:44px;margin:0 auto 12px;font:24px Georgia,serif;display:grid}.showcase-mini-auth>strong{font:23px Georgia,serif}.showcase-mini-auth>p{opacity:.7;margin:9px 0 14px;font-size:8px}.showcase-mini-auth>span{color:#344337;background:#edeedf;border-radius:5px;padding:10px 15px;font-size:9px;display:block}.showcase-mini-auth>small{opacity:.7;margin-top:13px;font-size:7px;display:block}.showcase-mini-plan{background:#fff;border:1px solid #d3c9e4;border-radius:8px;width:207px;padding:20px;transform:rotate(-2deg);box-shadow:0 8px 25px #3f225518}.showcase-mini-plan>span{letter-spacing:1px;color:#7a668a;font-size:7px}.showcase-mini-plan>strong{letter-spacing:-2px;margin:10px 0;font-size:35px;font-weight:500;display:block}.showcase-mini-plan small{letter-spacing:0;color:#807285;font-size:8px}.showcase-mini-plan p{font-size:8px;line-height:2}.showcase-mini-plan b{color:#fff;text-align:center;background:#5a496e;border-radius:4px;margin-top:15px;padding:10px;font-size:9px;font-weight:400;display:block}.showcase-mini-data{background:#fbfdfb;border:1px solid #bfcfca;border-radius:7px;width:264px;padding:19px 14px;transform:rotate(2deg);box-shadow:0 10px 20px #365e4a0b}.showcase-mini-data>strong{margin-bottom:15px;font-size:11px;font-weight:500;display:block}.showcase-mini-data strong span{color:#407665;margin-right:7px}.showcase-mini-data>div{border-top:1px solid #e2e8e3;align-items:center;gap:8px;padding:10px 0;font-size:8px;display:flex}.showcase-mini-data>div>span{color:#85998b;font-size:7px}.showcase-mini-data i{color:#587350;background:#e8f0e6;border-radius:3px;margin-left:auto;padding:3px;font-size:6px;font-style:normal}.showcase-mini-data small{color:#6e7f74;font-size:7px}.showcase-mini-files{grid-template-columns:1fr 1fr;gap:10px;width:224px;display:grid}.showcase-file-image,.showcase-file-audio{background:#afbca3;border:5px solid #fffdf8;border-radius:7px;flex-direction:column;justify-content:space-between;align-items:center;height:124px;display:flex;transform:rotate(-6deg);box-shadow:0 8px 15px #33331c12}.showcase-file-image>span{color:#fcf2cb;font-size:64px;line-height:1.4}.showcase-mini-files small{text-align:center;color:#5e6555;background:#fffdf8;width:100%;padding:6px 0 2px;font-size:6px}.showcase-file-audio{background:#5e7163;margin-top:14px;transform:rotate(7deg)}.showcase-file-audio>span{color:#e6d29d;padding-top:35px;font-size:15px}.showcase-file-caption{background:#faf9f3;border:1px solid #d4d5c8;border-radius:7px;grid-column:1/-1;justify-content:space-between;margin-top:6px;padding:12px;font-size:9px;display:flex}:where(.showcase-page) :where(button,a,input,textarea,select,summary):focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media (max-width:1000px){.showcase-preview{height:250px}}@media (max-width:700px){.showcase-page{padding-bottom:45px}.showcase-preview{height:215px}}@media (max-width:520px){.showcase-preview{height:236px}}.showcase-preview--comments{color:#2c4737;background:#e8ede5}.showcase-mini-conversation{width:min(80%,290px);padding-block:20px}.showcase-mini-conversation>span{letter-spacing:.17em;font-size:8px;display:block}.showcase-mini-conversation>strong{letter-spacing:-.04em;margin:12px 0 17px;font:500 30px/1.1 Georgia,serif;display:block}.showcase-mini-conversation>div{align-items:center;gap:9px;margin:8px 0;display:flex}.showcase-mini-conversation i{background:#d5dfd0;border-radius:50%;place-items:center;width:26px;height:26px;font:10px Arial,sans-serif;display:grid}.showcase-mini-conversation p{margin:0;font-size:10px}.showcase-mini-conversation small{opacity:.7;margin-top:3px;font-size:8px;display:block}.showcase-mini-conversation b{border-top:1px solid #bac9b7;margin-top:15px;padding-top:10px;font-size:9px;font-weight:500;display:block}.showcase-preview--video-gallery{color:#f3f2df;background:#1d3026}.showcase-mini-video{gap:15px;width:80%;padding:24px 0;display:grid}.showcase-mini-video>span{letter-spacing:.16em;font-size:8px}.showcase-mini-video>strong{color:#f3f2df;letter-spacing:-.035em;font:400 29px/1.08 Georgia,serif}.showcase-mini-video>i{color:#1d3026;background:#e3ecb9;border-radius:50%;place-items:center;width:42px;height:42px;font:14px/1 Arial,sans-serif;display:grid}.showcase-mini-video>small{font-size:9px}