@font-face{font-family:noto-sans;src:url(/PreviewInDevices/Fonts/NotoSans-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:noto-sans;src:url(/PreviewInDevices/Fonts/NotoSans-SemiBold.ttf) format("truetype");font-weight:600;font-display:swap}@font-face{font-family:'Noto Sans JP';src:url(/PreviewInDevices/Fonts/NotoSansJP-Regular.otf) format("opentype");font-weight:400;font-display:swap}@font-face{font-family:'Noto Sans JP';src:url(/PreviewInDevices/Fonts/NotoSansJP-Medium.otf) format("opentype");font-weight:500;font-display:swap}:root{--border-radius:4px;--border-radius-rounded:100px;--border-radius-circle:100%;--border-size-s:1px;--border-size-m:2px;--border-size-l:3px;--color-brand-light:#dc988a;--color-brand:#cc2200;--color-brand-dark:#aa1100;--color-neutral-0:#fff;--color-neutral-1:#f7f8fa;--color-neutral-2:#f1f2f4;--color-neutral-3:#e0e2e4;--color-neutral-4:#cccdd0;--color-neutral-5:#a2a4a7;--color-neutral-6:#87898d;--color-neutral-7:#626568;--color-neutral-8:#3b3d41;--color-neutral-9:#2c2f32;--color-neutral-10:#202327;--color-neutral-11:#101214;--color-selection-0:#dcecfd;--color-selection-1:#add1fb;--color-selection-2:#66aaf7;--color-selection-3:#157df3;--color-selection-4:#006de9;--color-selection-5:#0066db;--color-selection-6:#19487f;--color-selection-7:#123661;--color-error-0:#ffe9e5;--color-error-1:#ffa99d;--color-error-2:#ff5b40;--color-error-3:#f44224;--color-error-4:#e53518;--color-error-5:#cb371f;--color-error-6:#7e2314;--color-error-7:#43130b;--color-success-0:#e1f8d1;--color-success-1:#a0e869;--color-success-2:#75d625;--color-success-3:#60b21f;--color-success-4:#4e921a;--color-success-5:#448016;--color-success-6:#2f5c10;--color-success-7:#203e0b;--color-warning-0:#fff1dc;--color-warning-1:#ffcc80;--color-warning-2:#ff9f0f;--color-warning-3:#ee8f00;--color-warning-4:#e58b00;--color-warning-5:#cb7b00;--color-warning-6:#6a4200;--color-warning-7:#432b00;--font-size-display:36px;--font-size-h1:32px;--font-size-h2:28px;--font-size-h3:26px;--font-size-h4:22px;--font-size-h5:20px;--font-size-h6:18px;--font-size-base:14px;--font-size-s:12px;--font-size-xs:9px;--font-regular:400;--font-semi-bold:600;--space-xs:4px;--space-s:8px;--space-base:16px;--space-m:24px;--space-l:32px;--space-xl:40px;--space-xxl:48px;--shadow-level-0:0px 0.2px 0.5px rgba(32, 35, 39, 0.08),0px 0.6px 2.5px rgba(32, 35, 39, 0.17);--shadow-level-1:0px 0.45px 1.35px rgba(32, 35, 39, 0.11),0px 1.8px 5.4px rgba(32, 35, 39, 0.13);--shadow-level-2:0px 0.6px 1.8px rgba(32, 35, 39, 0.11),0px 3.2px 7.2px rgba(32, 35, 39, 0.13);--shadow-level-3:0px 1.2px 3.6px rgba(32, 35, 39, 0.11),0px 6.4px 14.4px rgba(32, 35, 39, 0.13);--time-s:110ms;--time-m:150ms;--time-l:200ms;--time-xl:300ms;--ease-in:ease-in;--ease-out:cubic-bezier(0, 0, 0.3, 1);--linear:linear;--header-size:56px;--footer-size:72px;--right-sidebar-width:332px;--right-sidebar-width-closed:64px;--main-background-color:#f3f6f826;--color-background-body:#f3f6f8;--ease-in-out:ease-in-out;--ease-main:cubic-bezier(0.15, 0.85, 1, 1);--scrollbar-width:8px}@media (prefers-reduced-motion:reduce){:root{--time-s:10ms;--time-m:50ms;--time-l:100ms;--time-xl:150ms}}*{box-sizing:border-box;margin:0;padding:0}img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:focus{outline:0}button,input,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;font-size:100%;line-height:1.25;margin:0}html{color:var(--color-neutral-9);font-family:noto-sans,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}html[lang=ja]{font-family:'Noto Sans JP',sans-serif;--font-semi-bold:500}body{background:var(--color-background-body);font-size:var(--font-size-base);line-height:1.25;overflow:hidden}aside::-webkit-scrollbar,body::-webkit-scrollbar,main::-webkit-scrollbar{width:var(--scrollbar-width);height:8px}aside::-webkit-scrollbar-track,body::-webkit-scrollbar-track,main::-webkit-scrollbar-track{background-color:#f1f2f4}aside::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb,main::-webkit-scrollbar-thumb{background-color:#cccdd0;border-radius:6px;border:1px solid #f1f2f4}aside::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover,main::-webkit-scrollbar-thumb:hover{background-color:#a2a4a7}* :focus-visible{box-shadow:0 0 0 1px var(--color-selection-4)}.btn-small{height:24px;width:24px}.text-note{color:var(--color-neutral-7);font-size:var(--font-size-s)}.hidden{display:none}span{display:contents}.heading1,h1{font-size:var(--font-size-h1);font-weight:var(--font-semi-bold)}.heading2,h2{font-size:var(--font-size-h2);font-weight:var(--font-semi-bold)}.heading3,h3{font-size:var(--font-size-h3);font-weight:var(--font-semi-bold)}.heading4,h4{font-size:var(--font-size-h4);font-weight:var(--font-semi-bold)}.heading5,h5{font-size:var(--font-size-h5);font-weight:var(--font-semi-bold)}.heading6,h6{font-size:var(--font-size-h6);font-weight:var(--font-semi-bold)}.btn{background:linear-gradient(180deg,var(--color-neutral-0) 0,var(--color-neutral-1) 100%);border-radius:var(--border-radius);border:1px solid var(--color-neutral-4);box-shadow:var(--shadow-level-0);color:var(--color-neutral-10);cursor:pointer;font-weight:var(--font-semi-bold);height:32px;min-width:70px;transition:all var(--time-m) var(--linear)}.btn:hover{background:linear-gradient(180deg,#f6f6f6 0,#eeeff1 100%)}.btn:focus{box-shadow:0 0 0 2px var(--color-selection-3)}.btn:active{background:linear-gradient(180deg,#eceded 0,#e5e6e8 100%);box-shadow:none}.btn[disabled]{border-color:var(--color-neutral-3);box-shadow:none;color:var(--color-neutral-5);cursor:default}a.btn{align-items:center;color:var(--color-neutral-10);display:inline-flex;justify-content:center;text-decoration:none;width:100%}a.btn:hover,a.btn:visited{color:var(--color-neutral-10);text-decoration:none}a.btn>img{margin-right:var(--space-s)}.btn-primary{background:linear-gradient(180deg,var(--color-brand) 0,#bc1f00 100%);border-color:var(--color-brand-dark);color:var(--color-neutral-0)}.btn-primary:hover{background:linear-gradient(180deg,#b62307 0,#aa2007 100%);border-color:#991406}.btn-primary:active{background:linear-gradient(180deg,#a9230a 0,#9e210a 100%);border-color:#8e1509}.btn-primary[disabled]{background:linear-gradient(180deg,#e59080 0,#de8f80 100%);border-color:#d48880;color:var(--color-neutral-0)}.btn-cancel{background:0 0;border:0;color:var(--color-neutral-10);box-shadow:none}.btn-cancel:hover{background:var(--color-neutral-3);border:0;color:var(--color-neutral-10);box-shadow:none}.btn-cancel:active{background:var(--color-neutral-4);border:0;box-shadow:none}.btn-cancel[disabled]{background:0 0;border:0;color:var(--color-neutral-5)}.card{align-items:center;background-color:var(--color-neutral-0);border-radius:var(--border-radius);box-shadow:var(--shadow-level-1);display:flex;padding:var(--space-base)}header .card>*+*{margin-left:var(--space-s)}div.Feedback_Message_Wrapper{width:calc(100vw - var(--right-sidebar-width))!important}div.Feedback_Message_Wrapper div.Feedback_Message_Error,div.Feedback_Message_Wrapper div.Feedback_Message_Info,div.Feedback_Message_Wrapper div.Feedback_Message_Success,div.Feedback_Message_Wrapper div.Feedback_Message_Warning{border-radius:var(--border-radius-soft);border-radius:var(--border-radius);box-shadow:none;color:var(--color-neutral-10);padding:var(--space-base)}div.Feedback_Message_Wrapper div.Feedback_Message_Success{background-color:var(--color-success-0);border:1px solid var(--color-success-1);color:var(--color-neutral-10)}div.Feedback_Message_Wrapper div.Feedback_Message_Warning{background-color:var(--color-warning-0);border:1px solid var(--color-warning-1);color:var(--color-neutral-10)}div.Feedback_Message_Wrapper div.Feedback_Message_Error{background-color:var(--color-error-0);border:1px solid var(--color-error-1);color:var(--color-neutral-0)}div.Feedback_Message_Wrapper div.Feedback_Message_Info{background-color:var(--color-selection-0);border:1px solid var(--color-selection-1);color:var(--color-neutral-0)}div.Feedback_Message_Wrapper div>img{display:none}div.Feedback_Message_Wrapper .Feedback_Message_Wrapper_Close{height:100%;width:100%}div.Feedback_Message_Wrapper .Feedback_Message_Wrapper_Close img{display:none}a.icon-link{align-items:center;border-radius:var(--border-radius);color:var(--color-neutral-7);cursor:pointer;display:inline-flex;justify-content:center;transition:all var(--time-xl) var(--ease-out)}.icon-link:hover,header .icon-link:focus{background-color:var(--color-neutral-3)}header .icon-link.is--selected,header .icon-link.is--selected:hover{background-color:var(--color-selection-3)}header .icon-link.is--selected svg path{fill:var(--color-neutral-0)}input.input{background-color:var(--color-neutral-0);border-radius:var(--border-radius);border:1px solid var(--color-neutral-4);color:var(--color-neutral-10);font-size:var(--font-size-base);height:32px;padding:0 var(--space-s);transition:all var(--time-m) var(--linear)}input.input:hover{border-color:var(--color-neutral-5)}input.input:focus{border:var(--border-size-s) solid var(--color-selection-3)}input.input:focus-visible{box-shadow:none}input.input[disabled]{background-color:var(--color-neutral-2);border-color:var(--color-neutral-3);color:var(--color-neutral-5)}a{color:var(--color-selection-5);text-decoration:none}a:visited{color:var(--color-selection-5);text-decoration:none}a:focus,a:hover{color:var(--color-selection-6);text-decoration:underline}a[disabled]{color:var(--color-neutral-5);pointer-events:none}.logo{position:fixed;top:var(--space-xl);left:var(--space-l)}select{border:1px solid var(--color-neutral-4);border-radius:var(--border-radius);cursor:pointer;font-size:var(--font-size-s);height:24px;min-width:246px;padding:var(--space-xs);position:relative}select:hover{border-color:var(--color-neutral-5)}select:focus{border-color:var(--color-selection-3)}select:focus-visible{box-shadow:none}.dropdown-container{position:relative}.dropdown-container:after{border:var(--border-size-m) solid var(--color-neutral-7);border-left:4px solid transparent;border-right:4px solid transparent!important;border-top:4px solid var(--color-neutral-7)!important;border-bottom:4px solid transparent;bottom:0;box-sizing:border-box;content:'';left:auto;margin-top:-1px;pointer-events:none;position:absolute;right:8px;top:50%;transform:rotate(0) translateY(0) translateX(0);transition:all var(--time-xl) var(--ease-in-out)}.separator{background-color:var(--color-neutral-3);flex:none}main .separator{height:24px;width:1px}main .desktop .separator{display:none}aside .separator{height:1px;width:100%}.screen-preview.screen-loaded .iframe-wrapper,.screen-preview.screen-loaded .svg-frame{opacity:1;transform:translateY(0)}.screen-preview .iframe-wrapper,.screen-preview .svg-frame{opacity:0;transform:translateY(50px)}.svg-frame{background-image:var(--device-image-url);background-size:var(--device-width) var(--device-height);background-repeat:no-repeat;height:var(--device-height);pointer-events:none;position:absolute;width:var(--device-width);z-index:1}.iframe-wrapper{box-shadow:0 6px 57px rgba(32,35,39,.65);background-color:var(--color-neutral-9);border-radius:var(--device-outer-border-radius);height:var(--device-height);overflow:hidden;width:var(--device-width)}.iframe-wrapper,.svg-frame{transition:all var(--time-xl) var(--ease-main)}iframe{background-color:var(--color-neutral-3);border-radius:var(--device-inner-border-radius);height:var(--screen-height);margin:var(--device-border-width);opacity:0;transition:opacity var(--time-xl) var(--ease-in);width:var(--screen-width)}.desktop .iframe-wrapper{background-color:var(--color-neutral-1);border-radius:var(--border-radius);box-shadow:2px -5px 30px -1px var(--color-neutral-5),0 1.2px 8.6px var(--color-neutral-5)}.desktop .svg-frame{display:none}.screen-preview .landscape .svg-frame{transform:rotate(-90deg)}.screen-preview .landscape .iframe-wrapper{width:var(--device-height);height:var(--device-width)}.screen-preview .landscape iframe{width:var(--screen-height);height:var(--screen-width)}.icon-wrapper{display:flex;justify-content:center}.icon-wrapper>*+*{margin-left:var(--space-s)}.qr-code{align-items:center;display:flex;flex-direction:column;padding:0 var(--space-m);text-align:center}.qr-code canvas,.qr-code img{height:150px!important;width:150px!important}.qr-code>*+*{margin-top:var(--space-base)}aside{background-color:var(--color-neutral-0);box-shadow:var(--shadow-level-1);display:flex;flex-direction:column;height:100vh;overflow-y:auto;padding:var(--space-base);position:fixed;right:0;transition:transform var(--time-xl) var(--ease-main);width:var(--right-sidebar-width);will-change:transform;z-index:100}aside.is--open{transform:translateX(0)}aside.is--open .icon-link{transform:rotate(-180deg);transform-origin:center}aside.is--open .separator,aside.is--open article{transition:opacity var(--time-xl) var(--ease-in-out) var(--time-xl);opacity:1}aside.is--collapsed{overflow-y:hidden;transform:translateX(calc(var(--right-sidebar-width) - var(--right-sidebar-width-closed)))}aside.is--collapsed::-webkit-scrollbar{display:none}aside.is--collapsed .separator,aside.is--collapsed article{opacity:0}aside>:not(:first-child)+*{margin-top:var(--space-m)}aside .icon-link{align-items:center;background-color:transparent;height:32px;justify-content:center;width:32px}aside .icon-link:hover{background-color:var(--color-neutral-3)}aside article .app-feedback-feature>*+*,aside article .share-app>*+*,aside article:not(.share-card)>*+*{margin-top:var(--space-base)}aside article{display:flex;flex-direction:column;padding:0 var(--space-m);text-align:center}aside article.share-card>*+*{margin-top:var(--space-l)}aside article.share-card>div{text-align:left}aside article .app-feedback-feature,aside article .share-app{display:flex;flex-direction:column}aside .tell-us-more{color:var(--color-neutral-7);font-size:var(--font-size-s)}aside .tell-us-more .btn{margin-top:var(--space-base)}aside .tell-us-more label{margin-bottom:var(--space-xs)}aside .app-feedback-feature>div:not(:first-child){color:var(--color-neutral-7);font-size:var(--font-size-s)}aside .app-feedback-feature a:hover path{fill:var(--color-selection-6)}aside .app-feedback-feature svg{height:12px;width:12px}aside .app-feedback-feature svg path{fill:var(--color-selection-5)}.screen-error{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.screen-error>*+*{margin-top:var(--space-m)}.screen-preview{display:flex;height:100vh;transition:padding var(--time-xl) var(--ease-main)}.screen-preview.is--sidebar-open:not(.is--sidebar-hidden){padding-right:calc(var(--right-sidebar-width) - var(--scrollbar-width))}.screen-preview.is--sidebar-collapsed:not(.is--sidebar-hidden){padding-right:calc(var(--right-sidebar-width-closed) - var(--scrollbar-width))}.screen-preview .logo{position:fixed;top:var(--space-xl);left:var(--space-l)}.screen-preview header{grid-area:header;justify-self:center;padding:var(--space-m) 0 0}.screen-preview main{background:linear-gradient(50deg,var(--color-neutral-1) 0,var(--main-background-color) 50%,var(--color-neutral-1) 100%),var(--color-neutral-0);background-size:contain;display:grid;flex:1;grid-gap:var(--space-xxl);grid-template-rows:auto 1fr;grid-template-areas:"header" "device";overflow-y:scroll;overflow-x:hidden}.screen-preview main.has-overflow-x{overflow-x:scroll}.screen-preview main:not(.has-overflow-x)::-webkit-scrollbar{display:none}.screen-preview main article{align-items:center;display:flex;justify-self:center;justify-content:center;grid-area:device;padding-bottom:var(--space-xxl);position:relative}@supports (background:paint(houdini)){.screen-preview main{transition:--main-background-color var(--time-xl) var(--ease-in)}}@media screen and (max-width:768px){.screen-preview .logo{align-self:center;grid-area:logo;justify-self:center;margin:var(--space-m) 0 0 0;position:static}.screen-preview header{padding:0}.screen-preview header .icon-rotate,.screen-preview header .separator{display:none}.screen-preview main{grid-template-columns:1fr;grid-template-areas:"logo" "header" "device"}.screen-preview aside{position:fixed;right:0;top:0;z-index:100}}.screen-unsupported{background-color:var(--color-neutral-1);height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;flex-direction:column}.screen-unsupported main{display:grid;grid-template:repeat(2,auto)/repeat(2,460px);grid-gap:var(--space-m)}.screen-unsupported main .card{flex-direction:column;justify-content:center;text-align:center}.screen-unsupported main .card>*+*{margin-top:var(--space-m)}.screen-unsupported main article:not(.card)>*+*{margin-top:var(--space-m)}