/** © EndUser AS */
checkout-branding{display:flex;justify-content:center;align-items:center;z-index:10;user-select:none;-webkit-user-select:none;>.container{width:100%;padding:6px 0;display:flex;justify-content:center;align-items:stretch;>.branding{padding:4px 10px;border-radius:6px;&:hover{background-color:#0000000d}&:active{background-color:#0000001a}display:flex;flex-direction:row;justify-content:center;align-items:center;cursor:pointer;>.logo{height:60px}}}}@media all and (max-width:800px){checkout-branding{>.container{padding:6px;width:100%;>.branding{>.icon{width:50px;height:50px}>.text{display:none}}}}}ui-basket{display:flex;flex-direction:column;background-color:#f0f0f0;box-shadow:0 0 8px #0000007f;border-radius:var(--border-radius);padding:12px;gap:12px;>.info{display:flex;justify-content:space-between;>.title{font-size:24px}>.prices{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end;>.monthly{>.price{display:inline-block;font-size:16px;font-weight:600;font-variant-numeric:tabular-nums}>.label{display:inline-block;font-size:16px}}>.establishment{>.price{display:inline-block;font-size:16px;font-weight:600;text-align:right;font-variant-numeric:tabular-nums}>.label{display:inline-block;font-size:16px;color:#505050}}}}>.progress{display:flex;gap:6px;>div{width:100%;height:12px;border-radius:4px;background-color:#d0d0d0;&.marked{background-color:var(--cta)}}}>.stepName{font-size:16px;font-weight:600;text-transform:uppercase;text-align:center}}@media all and (max-width:800px){ui-basket{>.info{flex-direction:column}}}checkout-icon{aspect-ratio:1 / 1;display:inline-flex;justify-content:center;align-items:center;>svg{width:100%;height:100%;shape-rendering:geometricPrecision;fill:#000;>circle{fill:none;transform-origin:center;stroke-linecap:round;stroke-width:3;stroke:#000}}}ui-button{padding:12px;cursor:pointer;border-radius:var(--border-radius);overflow:hidden;display:flex;justify-content:center;align-items:center;gap:6px;&.primary{background-color:var(--cta);box-shadow:var(--box-shadow);&:not(:active):hover{filter:brightness(110%)}&:active{filter:brightness(90%);box-shadow:none}>.label{color:#fff;font-size:18px;font-weight:600}}&.secondary{&:not(:active):hover{background-color:#f0f0f0}&:active{background-color:#eaeaea}>.label{font-size:14px;font-weight:600;text-transform:uppercase}}>checkout-icon{width:20px;>svg{fill:#fff;>circle{stroke:#fff}}}}ui-form{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:8px;>.message{order:1;width:100%;font-size:22px;font-weight:550;margin-bottom:8px;color:#d23f31}>.group{order:2;width:100%;display:flex;flex-direction:column;>.label{width:100%;font-size:18px;font-weight:600;margin-bottom:8px}>.elements{width:100%;display:flex;justify-content:center;align-items:center;>.element{&:not(:last-child){margin-right:8px}}}}>.space{order:2;width:100%;height:20px}>.element,>.group>.elements>.element{order:2;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;>.label,>.message{width:100%}>.label{font-size:16px;font-weight:600;margin-bottom:8px}>.message{font-size:14px;font-weight:550;margin-bottom:8px;color:#d23f31;transform-origin:top}>.field{display:flex;justify-content:center;align-items:stretch;overflow:hidden;border-radius:var(--border-radius);background-color:var(--contrast);box-shadow:var(--box-shadow);>.icon{padding:12px;display:flex;justify-content:center;align-items:stretch;>checkout-icon{width:24px}}>.input{flex:1;display:flex;justify-content:flex-start;align-items:stretch;>input,>textarea{width:100%;font-size:16px;padding:12px}>textarea{resize:none;height:300px}>.select{width:100%;position:relative;>select{height:100%;width:100%;font-size:16px;padding:12px}>.icon{position:absolute;top:0;right:0;height:100%;display:flex;justify-content:center;align-items:center;padding:0 12px;pointer-events:none;>checkout-icon{width:30px}}}>.toggler{width:100%;padding:12px;display:flex;justify-content:center;align-items:center;user-select:none;-webkit-user-select:none;>.description{flex:1;font-size:18px;>a{text-decoration:underline;font-weight:600}}>.track{box-shadow:0 0 0 1px #0003;background-color:#e0e0e0;border-radius:15px;height:24px;width:60px;cursor:pointer;position:relative;>.nobb{transform:translate(-4px) translateY(-4px);width:32px;height:32px;border-radius:50%;box-shadow:0 0 4px 1px #0009;background-color:var(--cta)}}}}}}>.buttons{order:3;width:100%;display:flex;justify-content:flex-end;align-items:center;margin:12px 0;>.button{font-size:20px;font-weight:600;padding:16px 10px;min-width:180px;border-radius:4px;box-shadow:0 0 6px #0006;color:#fff;background-color:var(--cta);cursor:pointer;&:not(:last-child){margin-right:12px}>checkout-icon{width:20px;>svg{fill:#fff;>circle{stroke:#fff}}}&:hover{filter:brightness(110%)}&.loading{background-color:#303030}}}}@media all and (max-width:800px){ui-form{width:100%!important;>.group{flex-direction:column;>.element{&:not(:last-child){margin-right:0}}}>.buttons{flex-direction:column;justify-content:center;>.button{width:100%;min-width:auto;&:not(:last-child){margin-right:0;margin-bottom:10px}}}}}ui-header{font-size:26px}@media all and (max-width:800px){ui-header{font-size:20px}}ui-offers{max-width:800px;display:grid;grid-template-rows:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap);>ui-offers-offer{width:100%;display:flex;justify-content:center;align-items:stretch;>.box{background-color:var(--contrast);width:100%;padding:20px;border-radius:var(--border-radius);box-shadow:var(--box-shadow);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;>checkout-icon{width:60px}>.title{font-size:26px;font-weight:600;text-align:center}>.desc{font-size:16px;text-align:center}>.price{font-size:18px;font-weight:600;text-align:center}ui-button{width:100%}}}}@media all and (max-width:800px){ui-offers{grid-template-columns:repeat(1,minmax(0,1fr))}}ui-option-grid{max-width:800px;display:grid;grid-template-rows:auto;grid-template-columns:repeat(1,minmax(0,1fr));gap:var(--gap);>.emptyText{grid-column:span 2;color:#404040;font-size:20px;font-weight:550;padding:16px;display:flex;justify-content:center;align-items:stretch}>.offer{width:100%;display:flex;justify-content:center;align-items:stretch;>.box{width:100%;padding:12px;box-shadow:var(--box-shadow);background-color:var(--contrast);border-radius:var(--border-radius);transition:all .2s ease-out;display:flex;align-items:center;gap:20px;>.image{display:flex;justify-content:center;align-items:center;width:150px;height:150px;flex-shrink:0;>img{width:100%}}>.main{display:flex;flex-direction:column;gap:10px;padding:10px 0;>.title{font-size:20px;font-weight:600;text-align:left}>.desc{font-size:16px;display:flex;justify-content:flex-start;align-items:flex-start}>.price{font-size:18px;font-weight:600}>.buttons{display:flex;justify-content:flex-start;align-items:center;user-select:none;-webkit-user-select:none;>span{font-size:26px;font-weight:500;margin:0 20px;display:flex;justify-content:center;align-items:center}>button{width:32px;height:32px;padding:0;display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:#006cff;color:#fff;cursor:pointer;font-size:20px;font-weight:600;&:not(:disabled):not(:active):hover{filter:brightness(110%)}&:not(:disabled):active{filter:brightness(150%)}&:disabled{background-color:silver}>checkout-icon{width:100%;height:100%;>svg{fill:#fff}}}}>.footer{font-size:14px;color:#606060}}}}}@media all and (max-width:800px){ui-option-grid{padding:0;grid-template-columns:repeat(1,minmax(0,1fr));gap:0;>.offer{>.box{border-radius:0;border:none;border-top:1px solid #dadada}&:last-child{>.box{border-bottom:1px solid #dadada}}}}}ui-product-summary{>.table{width:100%;box-shadow:var(--box-shadow);background-color:var(--contrast);border-radius:var(--border-radius);padding:8px;display:table;>.header{display:table-row;width:100%;>.col{display:table-cell;padding:10px 6px;font-size:13px;font-weight:550;text-transform:uppercase;&.price{width:90px;text-align:right}&.establishment{width:100px;text-align:right}&.binding{width:75px;text-align:right}}}>.item{display:table-row;width:100%;&:not(:last-child){>.col{border-top:1px solid #e0e0e0}}&.border{>.col{border-top:2px solid #d0d0d0}}&.bold>.col{font-weight:550}>.col{padding:8px 6px;display:table-cell;font-size:16px;vertical-align:middle;font-variant-numeric:tabular-nums;&.price{text-align:right}&.establishment{text-align:right}&.binding{text-align:right}}}}>.footer{width:100%;padding:4px}}@media all and (max-width:800px){ui-product-summary{max-width:100%!important;width:100%!important}}ui-product-table{max-width:800px;display:flex;flex-direction:column;gap:var(--gap);>ui-product-table-item{border-radius:var(--border-radius);box-shadow:var(--box-shadow);background-color:var(--contrast);width:100%;padding:12px;display:flex;justify-content:center;align-items:center;>.icon{width:40px;padding-right:10px;display:flex;justify-content:center;align-items:flex-start;>checkout-icon{width:30px}}>.text{flex:1;display:flex;flex-direction:column;>.title,>.description{width:100%}>.title{font-size:18px;font-weight:600}>.description{font-size:14px}}>.actions{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:4px;>.price{width:100%;text-align:right;font-size:16px;font-weight:600}>.establishment{width:100%;text-align:right;font-size:13px;font-weight:600;>em{text-decoration:line-through;margin:0 8px}}>.button{display:flex;justify-content:center;align-items:center;border-radius:16px;color:#fff;cursor:pointer;padding:8px;&:not(:disabled):hover{filter:brightness(130%)}>checkout-icon{width:20px;margin:0 4px;>svg{fill:#fff;>circle{stroke:#fff}}}>span{color:#fff;font-size:16px;font-weight:600;padding-right:8px}&.add{background-color:var(--cta)}&.remove{background-color:#ef443b}&:disabled{background-color:#404040}}}}}@media all and (max-width:800px){ui-product-table{border-radius:0}}ui-status{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;>.symbol{>svg{width:120px;height:120px;>circle{fill:#5bb543}>path{stroke:#fff;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;fill:none}}}>.title{width:100%;font-size:var(--font-desktop-h1);display:flex;justify-content:center;align-items:center;text-align:center;padding:0}}ui-steps-bar{user-select:none;-webkit-user-select:none;display:flex;flex-direction:column;align-items:center;gap:20px;ui-button{&.primary{width:min(400px,100%);padding:16px 20px}&.secondary{max-width:100%}}>.loading{display:flex;justify-content:center;align-items:center;>checkout-icon{width:30px}}}@media all and (max-width:800px){ui-steps-bar{>.container{width:100%!important;border-radius:4px;margin:0 6px}}}ui-summary{background-color:var(--contrast);box-shadow:var(--box-shadow);border-radius:var(--border-radius);>.item{width:100%;&:not(:last-child){border-bottom:1px solid #dadada}display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto auto;grid-template-areas:"icon label" "icon value";gap:4px;padding:8px;>.icon{grid-area:icon;display:flex;justify-content:center;align-items:center;>checkout-icon{width:24px}}>.label{grid-area:label;display:flex;align-items:flex-end;font-size:12px;font-weight:600;color:#707070}>.value{grid-area:value;font-size:16px;font-weight:600}}}ui-text{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;>.title{width:100%;font-size:var(--font-size-h1);display:flex;justify-content:center;align-items:center;text-align:center;padding:0}>.text{width:100%;font-size:var(--font-size-p1);display:flex;justify-content:center;align-items:center;text-align:center;padding:0}}@font-face{font-family:InterVariable;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://rsms.me/inter/font-files/InterVariable.woff2?v=4.0) format("woff2")}@font-face{font-family:InterVariable;font-style:italic;font-weight:100 900;font-display:swap;src:url(https://rsms.me/inter/font-files/InterVariable-Italic.woff2?v=4.0) format("woff2")}*{padding:0;margin:0;box-sizing:border-box;outline:none;font-family:InterVariable,sans-serif;-webkit-tap-highlight-color:rgba(0,0,0,0);appearance:none;-webkit-appearance:none;background-color:transparent;border:none;color:#303030}:root{--drop-shadow: drop-shadow(0 0 4px rgb(0 0 0 / 40%));--gap: 12px;--border-radius: 12px;--box-shadow: 0 0 6px 0 rgb(0 0 0 / 20%);--cta: #4285f4;--contrast: #fafafa;@media(width>=800px){--font-size-h1: 36px;--font-size-h2: 26px;--font-size-h3: 20px;--font-size-p1: 20px;--font-size-p2: 16px}@media(width<800px){--font-size-h1: 36px;--font-size-h2: 22px;--font-size-h3: 20px;--font-size-p1: 20px;--font-size-p2: 16px}}html,body{height:100%}body{>.wrapper{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:20px;padding:0 20px 20px;background-color:#fff;>.section{width:800px}}}@media all and (max-width:800px){body{>.wrapper{padding:0 12px 12px;>.section{width:100%}}}}