@mychoice/mychoice-sdk-styles 1.0.0

package/dist/images/arrow-down-small-gray.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
+	 viewBox="0 0 11.4 7.2" style="enable-background:new 0 0 11.4 7.2;">
+<path fill="#A7A7A7" d="M11,0.3c-0.2-0.2-0.5-0.1-0.7,0.1L5.7,5.9L1.1,0.4C0.9,0.2,0.6,0.1,0.4,0.3C0.2,0.5,0.1,0.8,0.3,1l5,6
+	c0.1,0.1,0.2,0.2,0.4,0.2S6,7.1,6.1,7l5-6C11.3,0.8,11.2,0.5,11,0.3z"/>
+</svg>

package/dist/images/tick.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="9.003" height="6.611" viewBox="0 0 9.003 6.611"><defs><style>.a{fill:#fff;}</style></defs><g transform="translate(0 -67.997)"><g transform="translate(0 67.997)"><path class="a" d="M8.87,68.129a.45.45,0,0,0-.637,0L2.841,73.522.768,71.449a.45.45,0,0,0-.637.637l2.391,2.391a.45.45,0,0,0,.637,0L8.87,68.766A.45.45,0,0,0,8.87,68.129Z" transform="translate(0 -67.997)"/></g></g></svg>

package/dist/index.css

@@ -0,0 +1 @@
+:root{--steps-count: 4 }:root{--color-primary: #f9733e;--color-secondary: #4abdac;--color-default: #444}@font-face{font-family:"Latoblack";src:url("fonts/lato-black-webfont.woff2") format("woff2"),url("fonts/lato-black-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"Latobold";src:url("fonts/lato-bold-webfont.woff2") format("woff2"),url("fonts/lato-bold-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"Latolight";src:url("fonts/lato-light-webfont.woff2") format("woff2"),url("fonts/lato-light-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"Latoregular";src:url("fonts/lato-regular-webfont.woff2") format("woff2"),url("fonts/lato-regular-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"Montserratmedium";src:url("fonts/montserrat-medium-webfont.woff2") format("woff2"),url("fonts/montserrat-medium-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"Montserratregular";src:url("fonts/montserrat-regular-webfont.woff2") format("woff2"),url("fonts/montserrat-regular-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"Montserratbold";src:url("fonts/montserrat-bold-webfont.woff2") format("woff2"),url("fonts/montserrat-bold-webfont.woff") format("woff");font-weight:normal;font-style:normal}html,body{margin:0;font-size:16px;font-family:"Latoregular",sans-serif}body{overflow-x:hidden;overflow-y:scroll}div,span,p,input,select,a{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;color:#444}p{margin:0}h1{font-size:1.5rem}h2{font-size:1.375rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5,p{font-size:1rem}h6{font-size:.875rem}a,img,a:link,a:visited,a:hover,a:focus,button,input,svg,svg:focus,input:focus,select,select:focus,span{border:none;outline:none;color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;filter:none;-webkit-transition:color .2s ease-in-out,background-color .2s ease-in-out,opacity .2s ease-in-out,transform .2s ease-in-out;-moz-transition:color .2s ease-in-out,background-color .2s ease-in-out,opacity .2s ease-in-out,transform .2s ease-in-out;-o-transition:color .2s ease-in-out,background-color .2s ease-in-out,opacity .2s ease-in-out,transform .2s ease-in-out;transition:color .2s ease-in-out,background-color .2s ease-in-out,opacity .2s ease-in-out,transform .2s ease-in-out}button,a{cursor:pointer;font-size:1.125em;background-color:transparent}button:hover{opacity:.8}input,select{background-color:transparent;font-size:1.125em}input:hover,input:focus,select:hover,select:focus{border:1px solid var(--color-secondary)}svg{vertical-align:middle}.rectangle{border-radius:.25rem}.small{height:calc(3.75rem*0.5);min-width:calc(3.75rem*0.5)}.medium{height:calc(3.75rem*0.75);min-width:calc(3.75rem*0.75)}.large{height:3.75rem;min-width:3.75rem}.error input,.error select{border:1px solid #f50011}.error-message{color:#f50011;font-family:"Latoregular",sans-serif;font-size:.75rem}.hint-message{color:#777;font-family:"Latoregular",sans-serif}.warning-message{margin-top:.75rem;color:#f50011;font-family:"Latoregular",sans-serif;font-size:1.125rem}.info-message{padding:.5rem 1rem;display:inline-flex;min-height:3.75rem;position:absolute;width:100%;top:12.5rem;color:#f50011;background-color:#fcf4f4;border:1px solid #fdbcbc}.info-message span{display:inline-flex;align-items:center;justify-content:center;text-align:center;font-family:"Latobold",sans-serif;font-size:.875rem;padding:0 1rem;flex:1;overflow:hidden}.form-page-content{min-height:100vh;display:flex;align-items:start;justify-content:center;background-color:#f2f2f2;padding:3.75rem 0 4.75rem 0}@media only screen and (max-width: 600px){.form-page-content{background-color:transparent;padding:0}}.ordered-block{padding:0;margin:0;list-style-position:inside;font-size:1.125rem}.inActive{opacity:.5}.thebig-medium{font-family:"Montserratmedium",sans-serif}.thebig-regular{font-family:"Montserratregular",sans-serif}.thebig-bold{font-family:"Montserratbold",sans-serif}.logo-for-partner{margin-top:50px;max-width:160px}@media only screen and (max-width: 600px){.logo-for-partner{margin-top:0;margin-bottom:2.5rem}}.button-circle-small{border-radius:calc(3.75rem*0.5)}.button-circle-medium{border-radius:calc(3.75rem*0.75)}.button-circle-large{border-radius:3.75rem}.button-outlined-primary{color:var(--color-primary);border:1px solid var(--color-primary)}.button-outlined-secondary{color:var(--color-secondary);border:1px solid var(--color-secondary)}.button-outlined-default{color:#444;border:1px solid #444}.button-filled-primary{color:#fff;background-color:var(--color-primary);border:1px solid var(--color-primary)}.button-filled-secondary{color:#fff;background-color:var(--color-secondary);border:1px solid var(--color-secondary)}.button-filled-default{color:#fff;background-color:#444;border:1px solid #444}.navigation-tab{border-radius:.5rem .5rem 0 0;box-shadow:2px 0 2px rgba(0,0,0,.16);position:relative}.navigation-tab:hover{opacity:1}.navigation-tab svg{position:absolute;top:.5rem;right:.5rem}.navigation-tab.add{background-color:#e5e5e5;color:#444;font-family:"Latoregular",sans-serif}.navigation-tab.add-thebig-medium{background-color:#444;font-family:"Montserratmedium",sans-serif}.navigation-tab.add-thebig-medium h4{color:#fff}.active-tab,.inactive-tab{background-color:var(--color-primary);color:#fff;font-family:"Latobold",sans-serif}.active-tab.thebig-bold,.thebig-bold.inactive-tab{font-family:"Montserratbold",sans-serif}.active-tab h1,.inactive-tab h1,.active-tab h2,.inactive-tab h2,.active-tab h3,.inactive-tab h3,.active-tab h4,.inactive-tab h4,.active-tab h5,.inactive-tab h5{color:#fff}.inactive-tab{opacity:.6}.inactive-tab:hover{opacity:.6}.navigation-tab-mobile{display:flex;height:3.75rem}.navigation-tab-mobile:hover{background-color:#e5e5e5}.navigation-tab-mobile .tab-item{width:100%;padding-left:1.875rem;text-align:start;height:3.25rem}.navigation-tab-mobile .tab-item:hover{color:#2a363d}.navigation-tab-mobile .tab-item h4{font-weight:normal;font-family:"Latoregular",sans-serif}.navigation-tab-mobile .tab-item-delete{padding:0 1.875rem;font-family:"Latolight",sans-serif}.navigation-tab-mobile .tab-item-delete:hover{background-color:silver}.button-tab-arrow{position:absolute;width:36px;height:100%;background-color:rgba(255,255,255,.6);z-index:1}.button-tab-arrow:hover{opacity:1}.button-tab-arrow.left{border-top-left-radius:.5rem;left:0}.button-tab-arrow.right{border-top-right-radius:.5rem;right:0}.icon-arrow-primary{fill:#fff}.icon-arrow-secondary{fill:var(--color-secondary)}.icon-arrow-default{fill:#444}.icon-direction-right{transform:rotate(0);transform-origin:center}.icon-direction-left{transform:rotate(180deg);transform-origin:center}.icon-direction-up{transform:rotate(-90deg);transform-origin:center}.icon-direction-down{transform:rotate(90deg);transform-origin:center}.icon-loader-primary{stroke:#e5e5e5}.hamburger{width:1.875rem;height:1.875rem;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:space-around;flex-direction:column}.hamburger span{height:1px;width:100%;background:#fff}.hamburger:hover{opacity:1}.hamburger.is-active span:nth-child(2){opacity:0}.hamburger.is-active span:nth-child(1){-webkit-transform:translateY(0.625rem) rotate(45deg);-ms-transform:translateY(0.625rem) rotate(45deg);-o-transform:translateY(0.625rem) rotate(45deg);transform:translateY(0.625rem) rotate(45deg)}.hamburger.is-active span:nth-child(3){-webkit-transform:translateY(-0.625rem) rotate(-45deg);-ms-transform:translateY(-0.625rem) rotate(-45deg);-o-transform:translateY(-0.625rem) rotate(-45deg);transform:translateY(-0.625rem) rotate(-45deg)}.icon-close{cursor:pointer;border-radius:50%;background-color:#b99b9b}.icon-close g path{fill:#b99b9b}.navigation-step{position:relative;display:flex;flex-direction:column;gap:.5rem;align-items:center}.navigation-step .navigation-dot{width:1.375rem;height:1.375rem}.navigation-step .navigation-dot::after{content:"";display:inline-block;text-align:center;background-color:#fff;font-size:1rem;width:1.25rem;height:1.25rem;border-radius:50%;box-shadow:0 3px 6px rgba(0,0,0,.16);color:var(--color-secondary);border:1px solid silver}.navigation-step .navigation-dot.in-progress::after{content:"•";font-size:.75rem;line-height:1.25rem}.navigation-step .navigation-dot.done::after{content:url("images/tick.svg");background-color:var(--color-secondary);border:1px solid var(--color-secondary);color:#fff;line-height:1rem}@media only screen and (max-width: 600px){.navigation-step{flex-direction:row;gap:.875rem}}.navigation-step .step-label{width:100%;display:flex;flex-direction:column;text-align:center}.navigation-step .step-label .step-name{font-family:"Latoregular",sans-serif;font-size:1rem;color:#777}.navigation-step .step-label .step-title{font-family:"Latobold",sans-serif;font-size:.875rem;color:#2a363d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media only screen and (max-width: 600px){.navigation-step .step-label{flex-direction:column-reverse;text-align:left}.navigation-step .step-label .step-name{font-family:"Latolight",sans-serif;color:#212121}.navigation-step .step-label .step-title{font-size:1.25rem;white-space:normal}}.navigation-step-container{cursor:pointer}.navigation-step-container:not(:last-child) .navigation-dot::before{content:"";position:absolute;border-top:2px solid silver;width:100%;bottom:.625rem;z-index:-1}.navigation-step-container:not(:last-child) .navigation-dot.done::before{border-color:var(--color-secondary)}.label-container{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;line-height:1.25rem;width:100%}.label-container h4{font-family:"Latobold",sans-serif;white-space:normal;width:fit-content}.label-container h4.thebig-medium{color:#444;font-family:"Montserratmedium",sans-serif}.label-container .label-subtitle{font-size:.75rem;font-family:"Latolight",sans-serif}.label-container .label-subtitle.thebig-medium{font-family:"Montserratregular",sans-serif}@media only screen and (max-width: 600px){.label-container h4{font-size:1rem}}.label-container .icon-label-delete{cursor:pointer}.input-form{color:#212121;border-radius:.25rem;border:1px solid silver;width:100%;padding:0 1.25rem;font-family:"Latoregular",sans-serif}@media only screen and (max-width: 600px){.input-form{padding:0 .75rem}}.input-form.error{border:1px solid #f50011}.input-form.disabled{color:#777;background-color:#f2f2f2}.input-form-phone{padding-left:3rem}.input-form-email{position:relative}.input-form-email input{padding-right:3rem}.input-form-email .icon-validate{position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.input-form-email .icon-validate.loader{stroke:#212121}.react-tel-input .flag-dropdown,.react-tel-input .flag-dropdown:hover{background-color:transparent;border:none;border-right:1px solid #e5e5e5}.react-tel-input .flag-dropdown .selected-flag,.react-tel-input .flag-dropdown:hover .selected-flag{width:2rem}.react-tel-input .flag-dropdown .selected-flag:hover,.react-tel-input .flag-dropdown .selected-flag:focus,.react-tel-input .flag-dropdown:hover .selected-flag:hover,.react-tel-input .flag-dropdown:hover .selected-flag:focus{background-color:transparent}select{appearance:none;background:#fff url("images/arrow-down-small-gray.svg") no-repeat right 1rem center;background-size:.75rem}@media only screen and (max-width: 600px){select{background-position:right .625rem center;background-size:.75rem}}.checkbox-form{position:relative;display:flex;gap:1rem;cursor:pointer;align-items:center;background-color:#fff;font-family:"Latoregular",sans-serif;font-size:1rem}.checkbox-form input{opacity:0;cursor:pointer;height:1.125rem;width:1.125rem;margin:0}.checkbox-form .casl-consent+.checkmark{top:.25rem}.checkbox-form .checkmark{position:absolute;height:1.125rem;width:1.125rem;border:1px solid silver;border-radius:.25rem}.checkbox-form .checkmark:after{content:"";position:absolute;display:none}.checkbox-form input:checked~.checkmark:after{display:block}.checkbox-form input:checked~.checkmark{border:1px solid var(--color-primary)}.checkbox-form .checkmark:after{left:.375rem;top:.125rem;width:.25rem;height:.5rem;border:solid var(--color-primary);border-width:0 1px 1px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.tooltip-text{font-size:.875rem;background:#fff;color:#444;font-family:"Latolight",sans-serif;white-space:pre-line}.tooltip-icon{cursor:pointer}.tooltip-container{background-color:#fff !important;max-width:24rem;width:100%;box-shadow:0 3px 6px rgba(0,0,0,.16);padding:1em !important}@media only screen and (max-width: 600px){.tooltip-container{max-width:70%}}.rc-tooltip-hidden{display:none}.offer-header{width:100%;display:flex;align-items:center;justify-content:space-between}.offer-header h3{font-family:"Latobold",sans-serif;white-space:normal;margin:0}.offer-header h3.thebig-bold{font-family:"Montserratbold",sans-serif}.offer-header .best-offer{display:flex;align-items:center;justify-content:center;height:1.875rem;color:#fff;background-color:#02b917;padding:0 1rem;font-family:"Latoregular",sans-serif;font-size:.875rem;border-radius:.25rem;white-space:nowrap}.offer-price{width:100%;display:flex;align-items:center;justify-content:space-between}.offer-price img{max-width:10rem}@media only screen and (max-width: 600px){.offer-price img{max-width:5.625rem}}.offer-price .price-container{display:flex;flex-direction:column;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.offer-price .price-container h1{font-family:"Latoblack",sans-serif;font-size:2rem;margin:0}.offer-price .price-container h1 span{font-size:1rem}@media only screen and (max-width: 600px){.offer-price .price-container h1{font-size:1.375rem}.offer-price .price-container h1 span{font-size:.625rem}}.offer-price .price-container h2{font-family:"Latoregular",sans-serif;margin:0}@media only screen and (max-width: 600px){.offer-price .price-container h2{font-size:1.125rem}}.offer-price .price-container.thebig h1{font-family:"Montserratbold",sans-serif}.offer-price .price-container.thebig h2{font-family:"Montserratregular",sans-serif}.offer-detail{width:100%;display:flex;flex-direction:column;gap:1rem;color:#444}.offer-detail img{max-width:10rem;margin-bottom:.25rem}@media only screen and (max-width: 600px){.offer-detail img{max-width:5.625rem}}.offer-detail h3{font-family:"Latobold",sans-serif}.offer-detail h3.thebig-bold{font-family:"Montserratbold",sans-serif}.offer-detail p{font-family:"Latolight",sans-serif;text-align:justify}.offer-detail h3,.offer-detail p{font-size:1.25rem;margin:0;white-space:normal;overflow:hidden;text-overflow:ellipsis}.offer-detail .operation-hours{font-size:1rem;display:flex;flex-direction:column;gap:.625rem}.offer-detail .operation-hours h5{font-family:"Latobold",sans-serif;margin:0}.offer-detail .operation-hours h5 span{font-family:"Latolight",sans-serif}.quote-edit-container{font-size:1rem;font-family:"Latobold",sans-serif;display:flex;flex-direction:column;gap:.375rem}.quote-edit-container h5{margin:0}.quote-edit-container .edit-content{display:flex;flex-direction:column;gap:2rem}.quote-edit-container .edit-content-item{display:flex;align-items:center;justify-content:space-between}.quote-edit-container .edit-content-item .edit-value{font-family:"Latolight",sans-serif}.quote-edit-container .edit-content-item .edit-button{cursor:pointer;font-size:1rem;color:var(--color-primary)}.labels-block{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem;margin-top:2rem}.labels-block h4{display:flex;align-items:center;justify-content:center;font-family:"Latoregular",sans-serif;font-size:18px;font-weight:unset;gap:.625rem}.labels-block h4 img{vertical-align:middle;cursor:inherit}.loading-secondary{display:flex;align-items:center;justify-content:center;gap:.5rem}.loading-secondary span{height:.5rem;width:.5rem;background-color:#fff;border-radius:50%;animation-name:blink;animation-duration:1s;animation-iteration-count:infinite;animation-fill-mode:both}.loading-secondary span:nth-child(2){animation-delay:.1s}.loading-secondary span:nth-child(3){animation-delay:.2s}@keyframes blink{0%{opacity:.2}20%{opacity:1}100%{opacity:.2}}.app-loader{display:flex;align-items:center;justify-content:center;position:fixed;top:0;width:100%;height:100%;z-index:990;background-color:rgba(0,0,0,.5);color:#fff}.app-loader .loader-wrapper{width:100%;text-align:center}.app-loader .loader-wrapper h4{white-space:normal;padding:0 20%;margin-bottom:1rem;color:#fff}.app-modal{display:flex;align-items:center;justify-content:center;position:fixed;top:0;width:100%;height:100%;z-index:980;background-color:rgba(0,0,0,.5)}.app-modal .loader-wrapper{width:100%;text-align:center}.app-modal .loader-wrapper h4{padding:0 20%;color:#fff}.flex-items-container{display:flex;gap:1em;width:100%;margin:auto}.flex-items-container button{flex:1}.flex-items-container .day{flex:1}.flex-items-container .month{flex:3}.flex-items-container .year{flex:2}@media only screen and (max-width: 600px){.flex-items-container{gap:3%}}.form-section{display:flex;flex-direction:column;gap:2rem;padding:4rem 2rem;box-shadow:0 3px 6px rgba(0,0,0,.16);border-radius:.25rem;background-color:#fff;width:100%}@media only screen and (max-width: 600px){.form-section{padding:0 2rem;box-shadow:none}}.form-section.top-section{border-radius:0 0 .25rem .25rem}.form-section h2{white-space:normal}.form-section .box-container{display:flex;flex-direction:column;gap:1rem}.form-section-container{max-width:29.125rem;width:100%;display:flex;flex-direction:column;gap:2rem}@media only screen and (max-width: 600px){.form-section-container{gap:4.75rem;padding:4.75rem 0 2.75rem 0;max-width:100%}}.form-container{display:flex;align-items:center;justify-content:start;flex-direction:column;max-width:29.125rem;width:100%}@media only screen and (max-width: 600px){.form-container{max-width:100%}.form-container .navigation-bottom{padding:0 2rem}}.form-block-container{display:flex;flex-direction:column;gap:1rem}.next-page-info{display:flex;flex-direction:column;gap:1rem}.next-page-info .next-page-points p{font-size:1.125rem;color:#444}.next-page-info .privacy-policy p{font-size:.75rem;color:#444}.next-page-info .privacy-policy p a{font-size:.75rem;font-weight:700;font-family:"Latolight",sans-serif;color:#176de3;text-decoration:underline}.next-page-info .privacy-policy p span{color:var(--color-primary)}.list-block hr{margin:0 0 2rem 0;border:0;border-top:1px solid var(--color-primary)}.list-item-add{margin-top:2rem}.list-item{display:flex;flex-direction:column;gap:2rem}.offer-section{display:flex;align-items:center;justify-content:center;background-color:#fff;flex-direction:column;padding:1.875rem;box-shadow:0 3px 6px rgba(0,0,0,.16);border-radius:.25rem;gap:1.25rem}.offer-section .offer-phone{display:flex;flex-direction:column;gap:1rem;min-width:13rem}.offer-section .offer-phone h3{white-space:normal;text-align:center}.offer-section .offer-phone .offer-phone-number{font-family:"Latobold",sans-serif;width:100%}.offer-section .offer-phone .offer-phone-number:hover{opacity:1}.offer-section .dropdown{margin-bottom:1.875rem}.offer-section .dropdown span{font-family:"Latolight",sans-serif;font-size:1rem;color:var(--color-primary)}.offer-section .offer-details hr{margin:1.875rem 0}.splash-screen-wrapper{padding:30px;font-family:"Latoregular",sans-serif;text-align:center;font-size:1.25em}.splash-screen-wrapper h2{margin-bottom:1em}.splash-screen-wrapper .phoneNumber{color:inherit;font:inherit;margin:0 .3em 0 .3em}.splash-screen-wrapper img{width:50%;margin-top:2em;margin-bottom:2em}.edit-quote-section{display:flex;flex-direction:column;gap:1.25rem;padding:1.875rem;background-color:#fff;box-shadow:0 3px 6px rgba(0,0,0,.16);border-radius:.25rem}@media only screen and (max-width: 600px){.edit-quote-section{box-shadow:none}}.edit-quote-section .edit-section-content{display:flex;flex-direction:column;gap:1.875rem}.quote-page-content{display:flex;gap:1.875rem;width:calc(100% - 3.75rem);max-width:1170px}@media only screen and (max-width: 600px){.quote-page-content{flex-direction:column;width:100%;padding:2rem 0}.quote-page-content .form-section-container{gap:2rem;padding:0}}.quote-page-content .edit-recalc-container{display:flex;flex-direction:column;padding-bottom:2rem;border-radius:0 0 .5rem .5rem}@media only screen and (max-width: 600px){.quote-page-content .edit-recalc-container{padding:2rem}}.quote-page-content .edit-recalc-container .recalculate{margin:.5rem 0}.quote-page-content .offer-container{display:flex;flex-direction:column;gap:1.875rem;flex:1}@media only screen and (max-width: 600px){.quote-page-content .offer-container{padding:0 2rem}}.navigation-steps-container{display:grid;grid-template-columns:repeat(var(--steps-count), calc(1 / var(--steps-count) * 100%));padding:0}@media only screen and (max-width: 600px){.navigation-steps-container{grid-template-columns:1fr;grid-area:step;padding-left:1.875rem}}.navigation-container{display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 white);box-shadow:0 3px 6px rgba(0,0,0,.16)}.navigation-container .content{width:calc(100% - 3.75rem);max-width:1170px;display:grid;height:9.375rem;grid-template-columns:1.5fr 4fr 1.5fr;align-items:center}@media only screen and (max-width: 600px){.navigation-container .content{width:100%;grid-template-columns:none;grid-template-rows:4.6875rem auto;height:10rem;grid-template-areas:"postal postal postal" "step step button"}}.buttons-box{display:flex;justify-content:end;gap:.5rem}@media only screen and (max-width: 600px){.buttons-box{grid-area:button;padding-right:1.875rem}}.buttons-box .button-with-text{padding:0 1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.buttons-box button{font-family:"Latobold",sans-serif;font-size:1rem}@media only screen and (max-width: 600px){.buttons-box button{font-size:.875rem}}.postal-code-data-box{height:100%;display:flex;flex-direction:column;justify-content:center}@media only screen and (max-width: 600px){.postal-code-data-box{grid-area:postal}}.postal-code-data-box h2{white-space:normal;font-family:"Latoblack",sans-serif;color:#2a363d}.postal-code-data-box p{color:#777}.postal-code-data-box.thebig h2{font-family:"Montserratbold",sans-serif}@media only screen and (max-width: 600px){.postal-code-data-box{text-align:center;background-color:var(--color-secondary)}.postal-code-data-box h2{color:#fff}.postal-code-data-box p{color:#212121}.postal-code-data-box.thebig p{color:#fff}}.navigation-bottom{display:flex;gap:.375rem;justify-content:center;width:100%}.navigation-bottom button{font-family:"Latobold",sans-serif;white-space:normal;overflow:hidden;text-overflow:ellipsis;width:10rem}.navigation-bottom-thebig{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1.125rem}@media only screen and (max-width: 600px){.navigation-bottom-thebig{padding:0 2rem}}.navigation-bottom-thebig .navigation-buttons{width:100%;display:flex;align-items:center;justify-content:center;gap:.625rem}.navigation-bottom-thebig .navigation-buttons button{width:10rem}.navigation-bottom-thebig button{width:100%;font-family:"Montserratbold",sans-serif;white-space:normal;overflow:hidden;text-overflow:ellipsis}.primary-header-partner{display:flex;align-items:center;justify-content:center;height:4.375rem;top:0;background-color:#fff}@media only screen and (max-width: 600px){.primary-header-partner{position:relative}}.primary-header-partner .content{height:100%;max-width:1170px;width:calc(100% - 3.75rem);padding:.625rem 0}.primary-header-partner .content img{max-width:100%;max-height:100%}@media only screen and (max-width: 600px){.primary-header-partner .content{text-align:center}}.primary-header-thebig{height:7.125rem;position:sticky;top:0}@media only screen and (max-width: 600px){.primary-header-thebig{position:relative}}.primary-header-thebig .content{display:flex;align-items:center;justify-content:space-between;height:100%;gap:1.75rem;padding:1.125rem 3.75rem}@media only screen and (max-width: 600px){.primary-header-thebig .content{padding:1.625rem .625rem}}.primary-header-thebig .content .logo{height:100%;display:flex;align-items:center}.primary-header-thebig .content .logo img{max-width:100%;max-height:100%}.primary-header-thebig .content .back-button{display:flex;align-items:center;gap:.5rem;font-family:"Montserratbold",sans-serif;text-transform:uppercase}.primary-header-thebig .content .back-button .back-icon{height:1.75rem;width:2rem;background-image:url("images/the-big-header-back.png");background-repeat:no-repeat}.primary-header-thebig .content .back-button h2{color:silver}@media only screen and (max-width: 600px){.primary-header-thebig .content{text-align:center}}.primary-header{display:flex;align-items:center;justify-content:center;justify-content:center;height:3.125rem;width:100%;background-color:#666;color:silver;position:sticky;top:0}.primary-header .mychoice-logo{background-image:url("images/logotype-mychoice-primary.png");background-color:transparent}.primary-header .content{display:flex;align-items:center;justify-content:space-between;width:calc(100% - 3.75rem);max-width:1170px;height:100%;gap:1.75rem}.primary-header .content .logo{display:flex;align-items:center;height:100%}.primary-header .content .logo img{max-width:100%;max-height:1.75rem}.primary-header .content a{font-size:.875rem}.primary-header .content a.nav-link{display:flex;align-items:center;justify-content:center;height:100%;border-bottom:.375rem solid transparent;border-top:.375rem solid transparent}.primary-header .content a.nav-link:hover,.primary-header .content a.nav-link.active{border-bottom:.375rem solid var(--color-primary)}.primary-header .content .nav-links{height:100%;display:flex;align-items:center;gap:1.875rem;color:#fff;font-family:"Latoblack",sans-serif;text-transform:uppercase}.primary-header .content .nav-links .user-menu{background-color:#fff;position:fixed;top:3.125rem;right:1.875rem;text-transform:none;font-size:.875rem;border-radius:3px;box-shadow:0 3px 6px rgba(0,0,0,.16)}.primary-header .content .nav-links .user-menu .signup,.primary-header .content .nav-links .user-menu .logout{color:var(--color-primary)}.primary-header .content .nav-links .user-menu a{font-family:"Latolight",sans-serif;display:block;padding:1rem;border-bottom:1px solid #d2d2d2;text-align:center;color:#2a363d}.primary-header .content .nav-links .user-menu a.active{font-family:"Latoregular",sans-serif}.primary-header .content .nav-links .user-menu a:last-child{border-bottom:none}.primary-header .content .nav-links .login{padding:.625rem 1.5rem;border:1px solid #e5e5e5;border-radius:.25rem}.rotated{transform:rotate(180deg);transform-origin:center}.dropdown{display:flex;align-items:center;gap:.625rem;color:#fff}.dropdown:hover{opacity:1}.dropdown h6{margin:auto}.dropdown svg{height:.375rem;transition:none}.primary-header-mobile{height:3.125rem;width:100%;background-color:#666;color:silver;position:relative}.primary-header-mobile.open{display:flex;align-items:center;justify-content:center;position:fixed;top:0;width:100%;height:100%;z-index:970;align-items:start}.primary-header-mobile .content-mobile{display:flex;align-items:center;justify-content:space-between;padding:0 1.875rem;width:100%;height:3.125rem;gap:1.75rem}.primary-header-mobile .content-mobile img{max-height:1.75rem}.primary-header-mobile .menu-items{background-color:#666;color:silver;position:fixed;top:3.125rem;width:100%}.primary-header-mobile .menu-items .nav-links{background:transparent;text-align:center;overflow:hidden;color:#fff;font-family:"Latolight",sans-serif}.primary-header-mobile .menu-items .nav-links .active,.primary-header-mobile .menu-items .nav-links .signup,.primary-header-mobile .menu-items .nav-links .logout{color:var(--color-primary)}.primary-header-mobile .menu-items .nav-links a{font-size:1.25rem;display:block;padding:15px 0;border-bottom:1px solid #d2d2d2;width:60%;margin:0 auto}.primary-header-mobile .menu-items .nav-links a:not(.is-mobile-auth){text-transform:uppercase}.primary-header-mobile .menu-items .nav-links a:last-child{border-bottom:none}.modal-container{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1.875rem;background-color:#fff;width:29.125rem;padding:1.875rem;margin:auto 2rem;box-shadow:0 3px 6px rgba(0,0,0,.16);border-radius:.25rem}.modal-container .input-block{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.5rem}.modal-container .modal-content{display:flex;align-items:center;justify-content:center;flex-direction:column}.modal-container .modal-content>button{width:12rem}.modal-container .modal-content .description{margin-bottom:1.25rem;text-align:center}.modal-container p{text-align:center}.modal-container .button-container{width:100%}.modal-container .error-message{font-size:.875rem}.modal-container button{font-family:"Latobold",sans-serif}.modal-container button.disabled{pointer-events:none}.modal-container .logged-in-hint{display:flex;gap:.625rem;margin-top:1.5rem}.modal-container .logged-in-hint span{color:var(--color-secondary);font-family:"Latobold",sans-serif;cursor:pointer}.modal-container form{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1.875rem}.modal-container form input{text-align:center}.modal-container form button{width:100%}.modal-container form .warning-message{font-size:.875rem;color:#f50011}.modal-container h3{font-family:"Latobold",sans-serif;white-space:normal;text-align:center}.modal-container>button{width:12rem}.modal-buttons{width:100%;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:1rem}.navigation-tab-box{position:relative;overflow:hidden;border-radius:.5rem .5rem 0 0;width:100%}@media only screen and (max-width: 600px){.navigation-tab-box{overflow:visible;border-radius:.25rem .25rem 0 0}}.navigation-tab-container{display:grid;grid-column-gap:.5rem;overflow:hidden;position:relative;grid-template-columns:repeat(6, 1fr);-webkit-transition:margin-left .5s ease-in-out;-moz-transition:margin-left .5s ease-in-out;-o-transition:margin-left .5s ease-in-out;transition:margin-left .5s ease-in-out}.navigation-tab-container button{width:9.375rem;height:4.375rem}.navigation-tab-container-mobile{overflow:hidden;position:absolute;width:100%;background-color:#fff}.navigation-tab-container-mobile .navigation-tab-mobile{border-bottom:1px solid #e5e5e5}.navigation-tab-selected{display:flex;align-items:center;justify-content:space-between;background-color:var(--color-primary);color:#fff;width:100%;height:3.75rem;padding:0 1.875rem;border-radius:.25rem .25rem 0 0}.navigation-tab-selected h4{color:#fff}.navigation-tab-selected svg{height:.75rem}.navigation-tab-selected .rotated{transform:rotate(180deg);transform-origin:center}.input-form-box-container{display:flex;flex-direction:column;gap:1rem}.date-content{display:flex;gap:1rem}@media only screen and (max-width: 600px){.date-content{gap:3%}}.date-content .day-select{flex:2}.date-content .year-select{flex:3}.date-content .month-select{flex:6}

package/dist/mychoice.css

@@ -0,0 +1 @@
+:root{--steps-count: 4 }:root{--color-primary: #f9733e;--color-secondary: #4abdac;--color-default: #444}@font-face{font-family:"Latoblack";src:url("fonts/lato-black-webfont.woff2") format("woff2"),url("fonts/lato-black-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"Latobold";src:url("fonts/lato-bold-webfont.woff2") format("woff2"),url("fonts/lato-bold-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"Latolight";src:url("fonts/lato-light-webfont.woff2") format("woff2"),url("fonts/lato-light-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"Latoregular";src:url("fonts/lato-regular-webfont.woff2") format("woff2"),url("fonts/lato-regular-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"Montserratmedium";src:url("fonts/montserrat-medium-webfont.woff2") format("woff2"),url("fonts/montserrat-medium-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"Montserratregular";src:url("fonts/montserrat-regular-webfont.woff2") format("woff2"),url("fonts/montserrat-regular-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"Montserratbold";src:url("fonts/montserrat-bold-webfont.woff2") format("woff2"),url("fonts/montserrat-bold-webfont.woff") format("woff");font-weight:normal;font-style:normal}html,body{margin:0;font-size:16px;font-family:"Latoregular",sans-serif}body{overflow-x:hidden;overflow-y:scroll}div,span,p,input,select,a{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;color:#444}p{margin:0}h1{font-size:1.5rem}h2{font-size:1.375rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5,p{font-size:1rem}h6{font-size:.875rem}a,img,a:link,a:visited,a:hover,a:focus,button,input,svg,svg:focus,input:focus,select,select:focus,span{border:none;outline:none;color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;filter:none;-webkit-transition:color .2s ease-in-out,background-color .2s ease-in-out,opacity .2s ease-in-out,transform .2s ease-in-out;-moz-transition:color .2s ease-in-out,background-color .2s ease-in-out,opacity .2s ease-in-out,transform .2s ease-in-out;-o-transition:color .2s ease-in-out,background-color .2s ease-in-out,opacity .2s ease-in-out,transform .2s ease-in-out;transition:color .2s ease-in-out,background-color .2s ease-in-out,opacity .2s ease-in-out,transform .2s ease-in-out}button,a{cursor:pointer;font-size:1.125em;background-color:transparent}button:hover{opacity:.8}input,select{background-color:transparent;font-size:1.125em}input:hover,input:focus,select:hover,select:focus{border:1px solid var(--color-secondary)}svg{vertical-align:middle}.rectangle{border-radius:.25rem}.small{height:calc(3.75rem*0.5);min-width:calc(3.75rem*0.5)}.medium{height:calc(3.75rem*0.75);min-width:calc(3.75rem*0.75)}.large{height:3.75rem;min-width:3.75rem}.error input,.error select{border:1px solid #f50011}.error-message{color:#f50011;font-family:"Latoregular",sans-serif;font-size:.75rem}.hint-message{color:#777;font-family:"Latoregular",sans-serif}.warning-message{margin-top:.75rem;color:#f50011;font-family:"Latoregular",sans-serif;font-size:1.125rem}.info-message{padding:.5rem 1rem;display:inline-flex;min-height:3.75rem;position:absolute;width:100%;top:12.5rem;color:#f50011;background-color:#fcf4f4;border:1px solid #fdbcbc}.info-message span{display:inline-flex;align-items:center;justify-content:center;text-align:center;font-family:"Latobold",sans-serif;font-size:.875rem;padding:0 1rem;flex:1;overflow:hidden}.form-page-content{min-height:100vh;display:flex;align-items:start;justify-content:center;background-color:#f2f2f2;padding:3.75rem 0 4.75rem 0}@media only screen and (max-width: 600px){.form-page-content{background-color:transparent;padding:0}}.ordered-block{padding:0;margin:0;list-style-position:inside;font-size:1.125rem}.inActive{opacity:.5}.thebig-medium{font-family:"Montserratmedium",sans-serif}.thebig-regular{font-family:"Montserratregular",sans-serif}.thebig-bold{font-family:"Montserratbold",sans-serif}.logo-for-partner{margin-top:50px;max-width:160px}@media only screen and (max-width: 600px){.logo-for-partner{margin-top:0;margin-bottom:2.5rem}}.button-circle-small{border-radius:calc(3.75rem*0.5)}.button-circle-medium{border-radius:calc(3.75rem*0.75)}.button-circle-large{border-radius:3.75rem}.button-outlined-primary{color:var(--color-primary);border:1px solid var(--color-primary)}.button-outlined-secondary{color:var(--color-secondary);border:1px solid var(--color-secondary)}.button-outlined-default{color:#444;border:1px solid #444}.button-filled-primary{color:#fff;background-color:var(--color-primary);border:1px solid var(--color-primary)}.button-filled-secondary{color:#fff;background-color:var(--color-secondary);border:1px solid var(--color-secondary)}.button-filled-default{color:#fff;background-color:#444;border:1px solid #444}.navigation-tab{border-radius:.5rem .5rem 0 0;box-shadow:2px 0 2px rgba(0,0,0,.16);position:relative}.navigation-tab:hover{opacity:1}.navigation-tab svg{position:absolute;top:.5rem;right:.5rem}.navigation-tab.add{background-color:#e5e5e5;color:#444;font-family:"Latoregular",sans-serif}.navigation-tab.add-thebig-medium{background-color:#444;font-family:"Montserratmedium",sans-serif}.navigation-tab.add-thebig-medium h4{color:#fff}.active-tab,.inactive-tab{background-color:var(--color-primary);color:#fff;font-family:"Latobold",sans-serif}.active-tab.thebig-bold,.thebig-bold.inactive-tab{font-family:"Montserratbold",sans-serif}.active-tab h1,.inactive-tab h1,.active-tab h2,.inactive-tab h2,.active-tab h3,.inactive-tab h3,.active-tab h4,.inactive-tab h4,.active-tab h5,.inactive-tab h5{color:#fff}.inactive-tab{opacity:.6}.inactive-tab:hover{opacity:.6}.navigation-tab-mobile{display:flex;height:3.75rem}.navigation-tab-mobile:hover{background-color:#e5e5e5}.navigation-tab-mobile .tab-item{width:100%;padding-left:1.875rem;text-align:start;height:3.25rem}.navigation-tab-mobile .tab-item:hover{color:#2a363d}.navigation-tab-mobile .tab-item h4{font-weight:normal;font-family:"Latoregular",sans-serif}.navigation-tab-mobile .tab-item-delete{padding:0 1.875rem;font-family:"Latolight",sans-serif}.navigation-tab-mobile .tab-item-delete:hover{background-color:silver}.button-tab-arrow{position:absolute;width:36px;height:100%;background-color:rgba(255,255,255,.6);z-index:1}.button-tab-arrow:hover{opacity:1}.button-tab-arrow.left{border-top-left-radius:.5rem;left:0}.button-tab-arrow.right{border-top-right-radius:.5rem;right:0}.app-loader{display:flex;align-items:center;justify-content:center;position:fixed;top:0;width:100%;height:100%;z-index:990;background-color:rgba(0,0,0,.5);color:#fff}.app-loader .loader-wrapper{width:100%;text-align:center}.app-loader .loader-wrapper h4{white-space:normal;padding:0 20%;margin-bottom:1rem;color:#fff}.app-modal{display:flex;align-items:center;justify-content:center;position:fixed;top:0;width:100%;height:100%;z-index:980;background-color:rgba(0,0,0,.5)}.app-modal .loader-wrapper{width:100%;text-align:center}.app-modal .loader-wrapper h4{padding:0 20%;color:#fff}.flex-items-container{display:flex;gap:1em;width:100%;margin:auto}.flex-items-container button{flex:1}.flex-items-container .day{flex:1}.flex-items-container .month{flex:3}.flex-items-container .year{flex:2}@media only screen and (max-width: 600px){.flex-items-container{gap:3%}}.form-section{display:flex;flex-direction:column;gap:2rem;padding:4rem 2rem;box-shadow:0 3px 6px rgba(0,0,0,.16);border-radius:.25rem;background-color:#fff;width:100%}@media only screen and (max-width: 600px){.form-section{padding:0 2rem;box-shadow:none}}.form-section.top-section{border-radius:0 0 .25rem .25rem}.form-section h2{white-space:normal}.form-section .box-container{display:flex;flex-direction:column;gap:1rem}.form-section-container{max-width:29.125rem;width:100%;display:flex;flex-direction:column;gap:2rem}@media only screen and (max-width: 600px){.form-section-container{gap:4.75rem;padding:4.75rem 0 2.75rem 0;max-width:100%}}.form-container{display:flex;align-items:center;justify-content:start;flex-direction:column;max-width:29.125rem;width:100%}@media only screen and (max-width: 600px){.form-container{max-width:100%}.form-container .navigation-bottom{padding:0 2rem}}.form-block-container{display:flex;flex-direction:column;gap:1rem}.next-page-info{display:flex;flex-direction:column;gap:1rem}.next-page-info .next-page-points p{font-size:1.125rem;color:#444}.next-page-info .privacy-policy p{font-size:.75rem;color:#444}.next-page-info .privacy-policy p a{font-size:.75rem;font-weight:700;font-family:"Latolight",sans-serif;color:#176de3;text-decoration:underline}.next-page-info .privacy-policy p span{color:var(--color-primary)}.list-block hr{margin:0 0 2rem 0;border:0;border-top:1px solid var(--color-primary)}.list-item-add{margin-top:2rem}.list-item{display:flex;flex-direction:column;gap:2rem}.offer-section{display:flex;align-items:center;justify-content:center;background-color:#fff;flex-direction:column;padding:1.875rem;box-shadow:0 3px 6px rgba(0,0,0,.16);border-radius:.25rem;gap:1.25rem}.offer-section .offer-phone{display:flex;flex-direction:column;gap:1rem;min-width:13rem}.offer-section .offer-phone h3{white-space:normal;text-align:center}.offer-section .offer-phone .offer-phone-number{font-family:"Latobold",sans-serif;width:100%}.offer-section .offer-phone .offer-phone-number:hover{opacity:1}.offer-section .dropdown{margin-bottom:1.875rem}.offer-section .dropdown span{font-family:"Latolight",sans-serif;font-size:1rem;color:var(--color-primary)}.offer-section .offer-details hr{margin:1.875rem 0}.splash-screen-wrapper{padding:30px;font-family:"Latoregular",sans-serif;text-align:center;font-size:1.25em}.splash-screen-wrapper h2{margin-bottom:1em}.splash-screen-wrapper .phoneNumber{color:inherit;font:inherit;margin:0 .3em 0 .3em}.splash-screen-wrapper img{width:50%;margin-top:2em;margin-bottom:2em}.edit-quote-section{display:flex;flex-direction:column;gap:1.25rem;padding:1.875rem;background-color:#fff;box-shadow:0 3px 6px rgba(0,0,0,.16);border-radius:.25rem}@media only screen and (max-width: 600px){.edit-quote-section{box-shadow:none}}.edit-quote-section .edit-section-content{display:flex;flex-direction:column;gap:1.875rem}.quote-page-content{display:flex;gap:1.875rem;width:calc(100% - 3.75rem);max-width:1170px}@media only screen and (max-width: 600px){.quote-page-content{flex-direction:column;width:100%;padding:2rem 0}.quote-page-content .form-section-container{gap:2rem;padding:0}}.quote-page-content .edit-recalc-container{display:flex;flex-direction:column;padding-bottom:2rem;border-radius:0 0 .5rem .5rem}@media only screen and (max-width: 600px){.quote-page-content .edit-recalc-container{padding:2rem}}.quote-page-content .edit-recalc-container .recalculate{margin:.5rem 0}.quote-page-content .offer-container{display:flex;flex-direction:column;gap:1.875rem;flex:1}@media only screen and (max-width: 600px){.quote-page-content .offer-container{padding:0 2rem}}.navigation-steps-container{display:grid;grid-template-columns:repeat(var(--steps-count), calc(1 / var(--steps-count) * 100%));padding:0}@media only screen and (max-width: 600px){.navigation-steps-container{grid-template-columns:1fr;grid-area:step;padding-left:1.875rem}}.navigation-container{display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 white);box-shadow:0 3px 6px rgba(0,0,0,.16)}.navigation-container .content{width:calc(100% - 3.75rem);max-width:1170px;display:grid;height:9.375rem;grid-template-columns:1.5fr 4fr 1.5fr;align-items:center}@media only screen and (max-width: 600px){.navigation-container .content{width:100%;grid-template-columns:none;grid-template-rows:4.6875rem auto;height:10rem;grid-template-areas:"postal postal postal" "step step button"}}.buttons-box{display:flex;justify-content:end;gap:.5rem}@media only screen and (max-width: 600px){.buttons-box{grid-area:button;padding-right:1.875rem}}.buttons-box .button-with-text{padding:0 1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.buttons-box button{font-family:"Latobold",sans-serif;font-size:1rem}@media only screen and (max-width: 600px){.buttons-box button{font-size:.875rem}}.postal-code-data-box{height:100%;display:flex;flex-direction:column;justify-content:center}@media only screen and (max-width: 600px){.postal-code-data-box{grid-area:postal}}.postal-code-data-box h2{white-space:normal;font-family:"Latoblack",sans-serif;color:#2a363d}.postal-code-data-box p{color:#777}.postal-code-data-box.thebig h2{font-family:"Montserratbold",sans-serif}@media only screen and (max-width: 600px){.postal-code-data-box{text-align:center;background-color:var(--color-secondary)}.postal-code-data-box h2{color:#fff}.postal-code-data-box p{color:#212121}.postal-code-data-box.thebig p{color:#fff}}.navigation-bottom{display:flex;gap:.375rem;justify-content:center;width:100%}.navigation-bottom button{font-family:"Latobold",sans-serif;white-space:normal;overflow:hidden;text-overflow:ellipsis;width:10rem}.navigation-bottom-thebig{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1.125rem}@media only screen and (max-width: 600px){.navigation-bottom-thebig{padding:0 2rem}}.navigation-bottom-thebig .navigation-buttons{width:100%;display:flex;align-items:center;justify-content:center;gap:.625rem}.navigation-bottom-thebig .navigation-buttons button{width:10rem}.navigation-bottom-thebig button{width:100%;font-family:"Montserratbold",sans-serif;white-space:normal;overflow:hidden;text-overflow:ellipsis}.primary-header-partner{display:flex;align-items:center;justify-content:center;height:4.375rem;top:0;background-color:#fff}@media only screen and (max-width: 600px){.primary-header-partner{position:relative}}.primary-header-partner .content{height:100%;max-width:1170px;width:calc(100% - 3.75rem);padding:.625rem 0}.primary-header-partner .content img{max-width:100%;max-height:100%}@media only screen and (max-width: 600px){.primary-header-partner .content{text-align:center}}.primary-header-thebig{height:7.125rem;position:sticky;top:0}@media only screen and (max-width: 600px){.primary-header-thebig{position:relative}}.primary-header-thebig .content{display:flex;align-items:center;justify-content:space-between;height:100%;gap:1.75rem;padding:1.125rem 3.75rem}@media only screen and (max-width: 600px){.primary-header-thebig .content{padding:1.625rem .625rem}}.primary-header-thebig .content .logo{height:100%;display:flex;align-items:center}.primary-header-thebig .content .logo img{max-width:100%;max-height:100%}.primary-header-thebig .content .back-button{display:flex;align-items:center;gap:.5rem;font-family:"Montserratbold",sans-serif;text-transform:uppercase}.primary-header-thebig .content .back-button .back-icon{height:1.75rem;width:2rem;background-image:url("images/the-big-header-back.png");background-repeat:no-repeat}.primary-header-thebig .content .back-button h2{color:silver}@media only screen and (max-width: 600px){.primary-header-thebig .content{text-align:center}}.primary-header{display:flex;align-items:center;justify-content:center;justify-content:center;height:3.125rem;width:100%;background-color:#666;color:silver;position:sticky;top:0}.primary-header .mychoice-logo{background-image:url("images/logotype-mychoice-primary.png");background-color:transparent}.primary-header .content{display:flex;align-items:center;justify-content:space-between;width:calc(100% - 3.75rem);max-width:1170px;height:100%;gap:1.75rem}.primary-header .content .logo{display:flex;align-items:center;height:100%}.primary-header .content .logo img{max-width:100%;max-height:1.75rem}.primary-header .content a{font-size:.875rem}.primary-header .content a.nav-link{display:flex;align-items:center;justify-content:center;height:100%;border-bottom:.375rem solid transparent;border-top:.375rem solid transparent}.primary-header .content a.nav-link:hover,.primary-header .content a.nav-link.active{border-bottom:.375rem solid var(--color-primary)}.primary-header .content .nav-links{height:100%;display:flex;align-items:center;gap:1.875rem;color:#fff;font-family:"Latoblack",sans-serif;text-transform:uppercase}.primary-header .content .nav-links .user-menu{background-color:#fff;position:fixed;top:3.125rem;right:1.875rem;text-transform:none;font-size:.875rem;border-radius:3px;box-shadow:0 3px 6px rgba(0,0,0,.16)}.primary-header .content .nav-links .user-menu .signup,.primary-header .content .nav-links .user-menu .logout{color:var(--color-primary)}.primary-header .content .nav-links .user-menu a{font-family:"Latolight",sans-serif;display:block;padding:1rem;border-bottom:1px solid #d2d2d2;text-align:center;color:#2a363d}.primary-header .content .nav-links .user-menu a.active{font-family:"Latoregular",sans-serif}.primary-header .content .nav-links .user-menu a:last-child{border-bottom:none}.primary-header .content .nav-links .login{padding:.625rem 1.5rem;border:1px solid #e5e5e5;border-radius:.25rem}.rotated{transform:rotate(180deg);transform-origin:center}.dropdown{display:flex;align-items:center;gap:.625rem;color:#fff}.dropdown:hover{opacity:1}.dropdown h6{margin:auto}.dropdown svg{height:.375rem;transition:none}.primary-header-mobile{height:3.125rem;width:100%;background-color:#666;color:silver;position:relative}.primary-header-mobile.open{display:flex;align-items:center;justify-content:center;position:fixed;top:0;width:100%;height:100%;z-index:970;align-items:start}.primary-header-mobile .content-mobile{display:flex;align-items:center;justify-content:space-between;padding:0 1.875rem;width:100%;height:3.125rem;gap:1.75rem}.primary-header-mobile .content-mobile img{max-height:1.75rem}.primary-header-mobile .menu-items{background-color:#666;color:silver;position:fixed;top:3.125rem;width:100%}.primary-header-mobile .menu-items .nav-links{background:transparent;text-align:center;overflow:hidden;color:#fff;font-family:"Latolight",sans-serif}.primary-header-mobile .menu-items .nav-links .active,.primary-header-mobile .menu-items .nav-links .signup,.primary-header-mobile .menu-items .nav-links .logout{color:var(--color-primary)}.primary-header-mobile .menu-items .nav-links a{font-size:1.25rem;display:block;padding:15px 0;border-bottom:1px solid #d2d2d2;width:60%;margin:0 auto}.primary-header-mobile .menu-items .nav-links a:not(.is-mobile-auth){text-transform:uppercase}.primary-header-mobile .menu-items .nav-links a:last-child{border-bottom:none}.modal-container{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1.875rem;background-color:#fff;width:29.125rem;padding:1.875rem;margin:auto 2rem;box-shadow:0 3px 6px rgba(0,0,0,.16);border-radius:.25rem}.modal-container .input-block{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.5rem}.modal-container .modal-content{display:flex;align-items:center;justify-content:center;flex-direction:column}.modal-container .modal-content>button{width:12rem}.modal-container .modal-content .description{margin-bottom:1.25rem;text-align:center}.modal-container p{text-align:center}.modal-container .button-container{width:100%}.modal-container .error-message{font-size:.875rem}.modal-container button{font-family:"Latobold",sans-serif}.modal-container button.disabled{pointer-events:none}.modal-container .logged-in-hint{display:flex;gap:.625rem;margin-top:1.5rem}.modal-container .logged-in-hint span{color:var(--color-secondary);font-family:"Latobold",sans-serif;cursor:pointer}.modal-container form{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1.875rem}.modal-container form input{text-align:center}.modal-container form button{width:100%}.modal-container form .warning-message{font-size:.875rem;color:#f50011}.modal-container h3{font-family:"Latobold",sans-serif;white-space:normal;text-align:center}.modal-container>button{width:12rem}.modal-buttons{width:100%;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:1rem}.navigation-tab-box{position:relative;overflow:hidden;border-radius:.5rem .5rem 0 0;width:100%}@media only screen and (max-width: 600px){.navigation-tab-box{overflow:visible;border-radius:.25rem .25rem 0 0}}.navigation-tab-container{display:grid;grid-column-gap:.5rem;overflow:hidden;position:relative;grid-template-columns:repeat(6, 1fr);-webkit-transition:margin-left .5s ease-in-out;-moz-transition:margin-left .5s ease-in-out;-o-transition:margin-left .5s ease-in-out;transition:margin-left .5s ease-in-out}.navigation-tab-container button{width:9.375rem;height:4.375rem}.navigation-tab-container-mobile{overflow:hidden;position:absolute;width:100%;background-color:#fff}.navigation-tab-container-mobile .navigation-tab-mobile{border-bottom:1px solid #e5e5e5}.navigation-tab-selected{display:flex;align-items:center;justify-content:space-between;background-color:var(--color-primary);color:#fff;width:100%;height:3.75rem;padding:0 1.875rem;border-radius:.25rem .25rem 0 0}.navigation-tab-selected h4{color:#fff}.navigation-tab-selected svg{height:.75rem}.navigation-tab-selected .rotated{transform:rotate(180deg);transform-origin:center}.input-form-box-container{display:flex;flex-direction:column;gap:1rem}.date-content{display:flex;gap:1rem}@media only screen and (max-width: 600px){.date-content{gap:3%}}.date-content .day-select{flex:2}.date-content .year-select{flex:3}.date-content .month-select{flex:6}

package/dist/thebig.css

@@ -0,0 +1 @@
+:root{--steps-count: 4 }:root{--color-primary: #f9733e;--color-secondary: #4abdac;--color-default: #444}@font-face{font-family:"Latoblack";src:url("fonts/lato-black-webfont.woff2") format("woff2"),url("fonts/lato-black-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"Latobold";src:url("fonts/lato-bold-webfont.woff2") format("woff2"),url("fonts/lato-bold-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"Latolight";src:url("fonts/lato-light-webfont.woff2") format("woff2"),url("fonts/lato-light-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"Latoregular";src:url("fonts/lato-regular-webfont.woff2") format("woff2"),url("fonts/lato-regular-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"Montserratmedium";src:url("fonts/montserrat-medium-webfont.woff2") format("woff2"),url("fonts/montserrat-medium-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"Montserratregular";src:url("fonts/montserrat-regular-webfont.woff2") format("woff2"),url("fonts/montserrat-regular-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"Montserratbold";src:url("fonts/montserrat-bold-webfont.woff2") format("woff2"),url("fonts/montserrat-bold-webfont.woff") format("woff");font-weight:normal;font-style:normal}html,body{margin:0;font-size:16px;font-family:"Latoregular",sans-serif}body{overflow-x:hidden;overflow-y:scroll}div,span,p,input,select,a{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;color:#444}p{margin:0}h1{font-size:1.5rem}h2{font-size:1.375rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5,p{font-size:1rem}h6{font-size:.875rem}a,img,a:link,a:visited,a:hover,a:focus,button,input,svg,svg:focus,input:focus,select,select:focus,span{border:none;outline:none;color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;filter:none;-webkit-transition:color .2s ease-in-out,background-color .2s ease-in-out,opacity .2s ease-in-out,transform .2s ease-in-out;-moz-transition:color .2s ease-in-out,background-color .2s ease-in-out,opacity .2s ease-in-out,transform .2s ease-in-out;-o-transition:color .2s ease-in-out,background-color .2s ease-in-out,opacity .2s ease-in-out,transform .2s ease-in-out;transition:color .2s ease-in-out,background-color .2s ease-in-out,opacity .2s ease-in-out,transform .2s ease-in-out}button,a{cursor:pointer;font-size:1.125em;background-color:transparent}button:hover{opacity:.8}input,select{background-color:transparent;font-size:1.125em}input:hover,input:focus,select:hover,select:focus{border:1px solid var(--color-secondary)}svg{vertical-align:middle}.rectangle{border-radius:.25rem}.small{height:calc(3.75rem*0.5);min-width:calc(3.75rem*0.5)}.medium{height:calc(3.75rem*0.75);min-width:calc(3.75rem*0.75)}.large{height:3.75rem;min-width:3.75rem}.error input,.error select{border:1px solid #f50011}.error-message{color:#f50011;font-family:"Latoregular",sans-serif;font-size:.75rem}.hint-message{color:#777;font-family:"Latoregular",sans-serif}.warning-message{margin-top:.75rem;color:#f50011;font-family:"Latoregular",sans-serif;font-size:1.125rem}.info-message{padding:.5rem 1rem;display:inline-flex;min-height:3.75rem;position:absolute;width:100%;top:12.5rem;color:#f50011;background-color:#fcf4f4;border:1px solid #fdbcbc}.info-message span{display:inline-flex;align-items:center;justify-content:center;text-align:center;font-family:"Latobold",sans-serif;font-size:.875rem;padding:0 1rem;flex:1;overflow:hidden}.form-page-content{min-height:100vh;display:flex;align-items:start;justify-content:center;background-color:#f2f2f2;padding:3.75rem 0 4.75rem 0}@media only screen and (max-width: 600px){.form-page-content{background-color:transparent;padding:0}}.ordered-block{padding:0;margin:0;list-style-position:inside;font-size:1.125rem}.inActive{opacity:.5}.thebig-medium{font-family:"Montserratmedium",sans-serif}.thebig-regular{font-family:"Montserratregular",sans-serif}.thebig-bold{font-family:"Montserratbold",sans-serif}.logo-for-partner{margin-top:50px;max-width:160px}@media only screen and (max-width: 600px){.logo-for-partner{margin-top:0;margin-bottom:2.5rem}}

package/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "@mychoice/mychoice-sdk-styles",
+  "version": "1.0.0",
+  "description": "Now I’m the model of a modern major general / The venerated Virginian veteran whose men are all / Lining up, to put me up on a pedestal / Writin’ letters to relatives / Embellishin’ my elegance and eloquence / But the elephant is in the room / The truth is in ya face when ya hear the British cannons go / BOOM",
+  "keywords": [],
+  "author": "m.sargsyan <mesrop.sargsyan-extern@invia.de>",
+  "license": "ISC",
+  "main": "dist/index.css",
+  "directories": {
+    "lib": "lib",
+    "test": "__tests__"
+  },
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "exports": {
+    ".": "./dist/index.css",
+    "./images/*": "./dist/images/*",
+    "./mychoice.css": "./dist/mychoice.css",
+    "./thebig.css": "./dist/thebig.css"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/hexdivision/mychoice-sdk.git"
+  },
+  "scripts": {
+    "test": "echo \"Error: run tests from root\" && exit 1",
+    "build": "rollup -c ../../../rollup.styles.config.js"
+  },
+  "bugs": {
+    "url": "https://github.com/hexdivision/mychoice-sdk/issues"
+  },
+  "homepage": "https://github.com/hexdivision/mychoice-sdk#readme",
+  "devDependencies": {
+    "sass": "^1.49.9"
+  },
+  "gitHead": "f2d17b6b799ff5f3b2dc543879175412916df94a"
+}