.sample-viewer{color:#263831;background:#e9e6df;margin:0}.sample-viewer [hidden]{display:none!important}.sample-viewer:not(.sample-canvas){padding-top:56px;padding-bottom:150px}.sample-viewer .invitation-page>.classic-invitation{width:100%;max-width:none;padding:0}.viewer-toolbar{z-index:1000;background:#fffdf8;border-bottom:1px solid #26383120;justify-content:space-between;align-items:center;gap:18px;height:56px;padding:0 24px;font:13px/1.5 Noto Sans Variable,Noto Sans Armenian Variable,sans-serif;display:flex;position:fixed;inset:0 0 auto}.viewer-toolbar a{color:inherit;text-decoration:none}.viewer-back{white-space:nowrap;align-items:center;gap:10px;min-height:44px;display:flex}.viewer-back span{font-size:21px}.viewer-tools{align-items:center;gap:20px;display:flex}.viewer-demo{color:#68726b;font-size:11px}.viewer-devices{border:1px solid #dcded6;border-radius:9px;gap:2px;padding:3px;display:flex}.viewer-devices button{color:#536057;min-height:34px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:5px 14px}.viewer-devices button[aria-pressed=true]{color:#fffdf8;background:#263831}.viewer-languages{position:relative}.viewer-languages summary{cursor:pointer;align-items:center;gap:8px;min-height:44px;list-style:none;display:flex}.viewer-languages summary::-webkit-details-marker{display:none}.viewer-languages nav{background:#fffdf8;border:1px solid #deded5;border-radius:10px;min-width:150px;padding:6px;display:grid;position:absolute;top:44px;right:0;box-shadow:0 12px 32px #15251d18}.viewer-languages nav a{border-radius:5px;padding:12px}.viewer-languages nav a[aria-current],.viewer-languages nav a:hover{background:#eaece4}.viewer-dock{bottom:max(18px,env(safe-area-inset-bottom));z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffdf8f5;border:1px solid #ffffffc9;border-radius:22px;width:min(620px,100% - 32px);font:13px/1.5 Noto Sans Variable,Noto Sans Armenian Variable,sans-serif;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 4px 24px #15251d14,0 0 0 1px #26383112}.viewer-dock summary{box-sizing:border-box;cursor:pointer;align-items:center;gap:18px;min-height:52px;padding:10px 16px;list-style:none;display:flex}.viewer-dock summary::-webkit-details-marker{display:none}.viewer-design-name{overflow-wrap:anywhere;flex:1;min-width:0;font-weight:600}.viewer-price{font-variant-numeric:tabular-nums;white-space:nowrap}.viewer-collapse{color:#42534a;background:#e9ece7;border-radius:50%;flex:0 0 28px;width:28px;height:28px;position:relative}.viewer-collapse:before,.viewer-collapse:after{content:"";background:currentColor;border-radius:1px;width:12px;height:1.5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.viewer-collapse:after{transform:translate(-50%,-50%)rotate(90deg)}.viewer-dock details[open] .viewer-collapse:after{opacity:0}.viewer-dock-content{align-items:center;gap:16px;padding:0 12px 10px;display:flex}.viewer-dock-content p{color:#68726b;flex:1;margin:0;font-size:11px;line-height:1.65}.viewer-choose{color:#fffdf8;background:#263831;border-radius:13px;justify-content:center;align-items:center;gap:12px;min-height:44px;padding:11px 20px;font-weight:600;text-decoration:none;display:flex}.viewer-choose:hover{background:#3a5044}.sample-viewer :is(.viewer-toolbar,.viewer-dock) :focus-visible{outline-offset:-3px;border-radius:12px;outline:2px solid #806439}.sample-viewer.sample-phone{overflow:hidden}.viewer-phone-stage{justify-content:center;display:flex;position:fixed;inset:72px 0 156px}.viewer-phone-stage iframe{box-sizing:content-box;background:#fffdf8;border:6px solid #fffdf8;border-radius:22px;width:390px;height:100%;display:block;box-shadow:0 12px 45px #15251d25}.sample-canvas{background:#fffdf8;padding:0}@media (width<=700px){.viewer-toolbar{gap:10px;height:48px;padding-inline:14px;font-size:12px}.sample-viewer:not(.sample-canvas){padding-top:48px;padding-bottom:166px}.viewer-devices{display:none!important}.viewer-tools{gap:10px}.viewer-demo{text-align:right;max-width:100px;font-size:9px}.viewer-dock{width:calc(100% - 24px);bottom:max(10px,env(safe-area-inset-bottom));border-radius:20px}.viewer-dock summary{gap:12px;min-height:50px;padding:9px 12px;font-size:12px}.viewer-dock-content{padding:0 12px 10px}.viewer-dock-content p{display:none}.viewer-choose{width:100%;padding:10px 12px;font-size:12px}}body.sample-viewer:not(.sample-canvas) [data-section-type]{scroll-margin-top:72px}@media (width<=700px){body.sample-viewer:not(.sample-canvas) [data-section-type]{scroll-margin-top:64px}}.sample-embedded .viewer-toolbar{padding-right:110px}.viewer-modal-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;max-width:30%;font-weight:600;overflow:hidden}.sample-embedded .viewer-demo{display:none}@media (width<=700px){.sample-embedded .viewer-toolbar{padding-right:108px}.viewer-modal-title{max-width:65%}}html:has(.sample-viewer){scroll-padding-top:calc(var(--viewer-header,56px) + 12px);scroll-padding-bottom:var(--viewer-clearance,166px)}.sample-viewer:not(.sample-canvas){padding-bottom:max(166px,var(--viewer-clearance,166px))}.sample-viewer #main{padding-bottom:var(--viewer-clearance,0px)}.viewer-dock{max-height:calc(100dvh - var(--viewer-header,56px) - 40px);overflow:auto}.sample-viewer #main :is(input,textarea,select,button,a){scroll-margin-block:12px}