.__nuxt-error-page {
  padding: 1rem;
  background: #F7F8FB;
  color: #47494E;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-family: sans-serif;
  font-weight: 100 !important;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.__nuxt-error-page .error {
  max-width: 450px;
}
.__nuxt-error-page .title {
  font-size: 1.5rem;
  margin-top: 15px;
  color: #47494E;
  margin-bottom: 8px;
}
.__nuxt-error-page .description {
  color: #7F828B;
  line-height: 21px;
  margin-bottom: 10px;
}
.__nuxt-error-page a {
  color: #7F828B !important;
  text-decoration: none;
}
.__nuxt-error-page .logo {
  position: fixed;
  left: 12px;
  bottom: 12px;
}


*::-webkit-scrollbar,
div::-webkit-scrollbar,div::-webkit-scrollbar {display: none;-webkit-appearance: none;scrollbar-width: none;}
input::-webkit-input-placeholder{color:#ccc;}
root,*{
  font-size:16px;

  --line-orange-300: #FFCFBF;
  --line-orange-400: #FFA182;
  --line-orange-500: #FF875C;
  --line-orange-600: #FF6F36;
  --line-orange-700: #FF5E1F;
  --line-orange-800: #F24500;
  --line-orange-900: #C43100;
  --line-orange-600p: #E35F42;
  --line-orange-500p: #F5765D;
  --line-orange-400p: #FA9E7F;
  --line-orange-300p: #FAD3C5;
  --line-color : #06C755;

  --line-delete : #FF334B;
  --line-delete-dark : #C9162B;

  --stripe-color : #675dff;
  --cancel-color : #FF334B;

  --text-color      : #444;
  --main-color      : rgba(40,159,148,1);
  --main-color-light: rgba(40,159,148,0.1);
  --main-color-dark : rgba(35,141,131,1);

  -webkit-tap-highlight-color: rgba(40,159,148,0.2);

/*
  --main-color      : rgba(40,159,148,1);
  --main-color-light: rgba(40,159,148,0.1);
  --main-color-dark : rgba(35,141,131,1);
*/
}
[line-color]{color: var(--line-color);}
[error-color]{color: var(--line-delete);}
/* reset */
*{font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:0 0}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
button,input,select,textarea{margin:0;padding:0;background:0 0;border:none;border-radius:0;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle}
select::-ms-expand{display:none}
*,::after,::before{box-sizing:border-box;margin:0}
div,h1,h2,h3,h4,h5,h6,p,span,dl,dt,dd{color:var(--text-color);}
a,a:hover,a:focus{text-decoration: none;}
*,*::before,*::after {box-sizing: border-box;margin: 0;}
[app-content]{
    max-width: 500px;
    min-height: 100vh;
    margin: 0 auto;
    overflow-y: scroll;
    position: fixed;
    height: 100vh;
    width: 100vw;
}
@media(min-width: 500px){
[app-content]{
    left: calc(50vw - 250px);
}
}
hr{
    display: block;
    height: 1px;
    width: 100%;
    border-top: 1px dashed var(--main-color);
    margin: 1.2em 0 1em 0;
}
/**** ユーザーによるテキスト等の選択 ****/
* {
 -webkit-user-select : none;
 -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
 -webkit-touch-callout : none;
}
input, textarea {
 -webkit-user-select : auto;
}
[main-color]{color:var(--main-color);}
/* helper */
[mt-05]{margin-top:.5em}
[mt-1]{margin-top:1em}
[mt-2]{margin-top:2em}
[mt-3]{margin-top:3em}
[mt-4]{margin-top:4em}
[mt-5]{margin-top:5em}
[ml-05]{margin-left:.5em}
[ml-1]{margin-left:1em}
[ml-2]{margin-left:2em}
[ml-3]{margin-left:3em}
[ml-4]{margin-left:4em}
[ml-5]{margin-left:5em}
[mb-05]{margin-bottom:.5em}
[mb-1]{margin-bottom:1em}
[mb-2]{margin-bottom:2em}
[mb-3]{margin-bottom:3em}
[mb-4]{margin-bottom:4em}
[mb-5]{margin-bottom:5em}
[mr-05]{margin-right:.5em}
[mr-1]{margin-right:1em}
[mr-2]{margin-right:2em}
[mr-3]{margin-right:3em}
[mr-4]{margin-right:4em}
[mr-5]{margin-right:5em}
[mt-05i]{margin-top:.5em!important}
[mt-1i]{margin-top:1em!important}
[mt-2i]{margin-top:2em!important}
[mt-3i]{margin-top:3em!important}
[mt-4i]{margin-top:4em!important}
[mt-5i]{margin-top:5em!important}
[ml-05i]{margin-left:.5em!important}
[ml-1i]{margin-left:1em!important}
[ml-2i]{margin-left:2em!important}
[ml-3i]{margin-left:3em!important}
[ml-4i]{margin-left:4em!important}
[ml-5i]{margin-left:5em!important}
[mb-05i]{margin-bottom:.5em!important}
[mb-1i]{margin-bottom:1em!important}
[mb-2i]{margin-bottom:2em!important}
[mb-3i]{margin-bottom:3em!important}
[mb-4i]{margin-bottom:4em!important}
[mb-5i]{margin-bottom:5em!important}
[mr-05i]{margin-right:.5em!important}
[mr-1i]{margin-right:1em!important}
[mr-2i]{margin-right:2em!important}
[mr-3i]{margin-right:3em!important}
[mr-4i]{margin-right:4em!important}
[mr-5i]{margin-right:5em!important}
[pt-05]{padding-top:.5em}
[pt-1]{padding-top:1em}
[pt-2]{padding-top:2em}
[pt-3]{padding-top:3em}
[pt-4]{padding-top:4em}
[pt-5]{padding-top:5em}
[pl-05]{padding-left:.5em}
[pl-1]{padding-left:1em}
[pl-2]{padding-left:2em}
[pl-3]{padding-left:3em}
[pl-4]{padding-left:4em}
[pl-5]{padding-left:5em}
[pb-05]{padding-bottom:.5em}
[pb-1]{padding-bottom:1em}
[pb-2]{padding-bottom:2em}
[pb-3]{padding-bottom:3em}
[pb-4]{padding-bottom:4em}
[pb-5]{padding-bottom:5em}
[pr-05]{padding-right:.5em}
[pr-1]{padding-right:1em}
[pr-2]{padding-right:2em}
[pr-3]{padding-right:3em}
[pr-4]{padding-right:4em}
[pr-5]{padding-right:5em}
[pt-05i]{padding-top:.5em!important}
[pt-1i]{padding-top:1em!important}
[pt-2i]{padding-top:2em!important}
[pt-3i]{padding-top:3em!important}
[pt-4i]{padding-top:4em!important}
[pt-5i]{padding-top:5em!important}
[pl-05i]{padding-left:.5em!important}
[pl-1i]{padding-left:1em!important}
[pl-2i]{padding-left:2em!important}
[pl-3i]{padding-left:3em!important}
[pl-4i]{padding-left:4em!important}
[pl-5i]{padding-left:5em!important}
[pb-05i]{padding-bottom:.5em!important}
[pb-1i]{padding-bottom:1em!important}
[pb-2i]{padding-bottom:2em!important}
[pb-3i]{padding-bottom:3em!important}
[pb-4i]{padding-bottom:4em!important}
[pb-5i]{padding-bottom:5em!important}
[pr-05i]{padding-right:.5em!important}
[pr-1i]{padding-right:1em!important}
[pr-2i]{padding-right:2em!important}
[pr-3i]{padding-right:3em!important}
[pr-4i]{padding-right:4em!important}
[pr-5i]{padding-right:5em!important}
/* Layout  */
[center]{display: flex;flex-flow:column nowrap;justify-content: center;align-items: center !important;}
[row-center]{display: flex;flex-flow:column wrap;justify-content: center;align-items: center !important;}
[no-margin]{margin:0 !important;}
[category-header]{background:var(--main-color);color:#FFF;line-height:3em;width:100%;padding-left:0.5em;font-size:min(4vmin , 16px);font-weight:500;}
[caption-text]{font-size:min(3.5vmin , 13px);line-height:1.4em;}
[is-header]{padding-top:58px;}
[inner]{padding:0 12px;}
[text-right]{text-align:right;}
[bold]{font-weight:bold;}
[black]{color:#111;}
[split]{display: flex;flex-flow:row nowrap;justify-content: space-between;align-items: center;}
[text-14]{font-size: 14px;line-height: 1.4em;text-align: justify;}
[text-13]{font-size: 13px;line-height: 1.4em;text-align: justify;}
[text-12]{font-size: 12px;line-height: 1.4em;text-align: justify;}
/* elementUI custom */
.el-button.el-button--primary span,.el-button.el-button--success span,.el-button.el-button--info span,.el-button.el-button--danger span{color:#FFF;}
.el-drawer__header{margin-bottom:0;}
/* iPhone */
.el-drawer.btt{
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
/* page transition  */
.page-enter {        opacity: 0;
}
.page-enter-active { transition: opacity 0.3s;
}
[scroll-table]{
    display: block;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}
[area-table] tr:nth-child(odd){
    background: #efefef;
}
[area-table] tr th,[area-table] tr td{
    white-space: nowrap;
    padding: 1em;
}
[area-table] tr th{
    font-size: 13px;
}
[area-table] tr td{
    font-size: 14px;
}
[text]{
    padding: 0.2em 0;
    line-height: 1.3em;
    text-align: justify;
    font-size: min(3.6vmin, 14px);
}
/****************************************************************************************
 *
 * LINE BUTTONS
 *
 * <div linebtn>
 *    <div linebtn-overlay>LINE</div>
 * </div>
 *
 * <div linebtn no-icon>
 *    <div linebtn-overlay>LINE</div>
 * </div>
 *
 * <div linebtn btn-invalid>
 *    <div linebtn-overlay>LINE</div>
 * </div>
 *
 * <div linebtn btn-main no-icon>
 *    <div linebtn-overlay>LINE</div>
 * </div>
 *
 * <div linebtn btn-border no-icon>
 *    <div linebtn-overlay>LINE</div>
 * </div>
****************************************************************************************/
root,*{
    --line         : #06C755;
    --linehover    : rgba(0,0,0,0.1);
    --lineclick    : rgba(0,0,0,0.3);
    --line-invalid : rgba(30,30,30,0.2);
}
[linebtn]{ background:var(--line);border-radius:0.3em;}
[stripebtn]{ background:var(--stripe-color);border-radius:0.3em;}
[cancelbtn]{ background:var(--cancel-color);border-radius:0.3em;}
[linebtn][btn-invalid],
[linebtn][btn-back]{background:var(--line-invalid);}
[linebtn][btn-invalid]:hover,
[linebtn][btn-invalid]:active{cursor:not-allowed;}
[linebtn][btn-invalid]:hover,
[linebtn][btn-back]:active{cursor:pointer;}
[linebtn][btn-main]{background:var(--main-color);}
[linebtn][btn-main]:active{ background: var(--linehover);}
[btn-border]{background:#FFF;border: 1px solid var(--main-color);color: var(--main-color);}
[btn-border]:active{ background: var(--linehover);}
[btn-border][invaild]{ background:var(--line-invalid);
}
[linebtn] [linebtn-overlay],[stripebtn] [stripebtn-overlay],[cancelbtn] [cancelbtn-overlay]{
    font-size:min(3.6vmin , 15px);
    color:#FFF;padding:0.8em 1em;border-radius:0.3em;letter-spacing:0.05em;
    display: flex;justify-content: center;align-items: center;
    width: 100%;
}
[linebtn] [linebtn-overlay]::before{content:"";width:1em;height:1em;display:inline-block;margin-right:0.4em;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDEuMTMgOTYuMzYiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZmZmO308L3N0eWxlPjwvZGVmcz48ZyBpZD0i44Os44Kk44Ok44O8XzIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDIiPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMS0yIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAxIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik01MC41NiwwQzIyLjY4LDAsMCwxOC40MSwwLDQxLDAsNjEuMzMsMTgsNzguMzEsNDIuMjgsODEuNTJjMS42NS4zNiwzLjg5LDEuMDksNC40NiwyLjVhMTAuMjIsMTAuMjIsMCwwLDEsLjE2LDQuNTdzLS41OSwzLjU2LS43Miw0LjMyYy0uMjEsMS4yOC0xLDUsNC4zOCwyLjczUzc5LjY4LDc4LjQ5LDkwLjI5LDY2LjI4YzcuMzMtOCwxMC44NC0xNi4xOCwxMC44NC0yNS4yNEMxMDEuMTMsMTguNDEsNzguNDUsMCw1MC41NiwwWk0zMi43Myw1My4xMmExLDEsMCwwLDEtMSwxSDE3LjU2YTEsMSwwLDAsMS0uNjctLjI3aDBzMCwwLDAsMGExLDEsMCwwLDEtLjI4LS42OHYtMjJhMSwxLDAsMCwxLDEtMWgzLjU1YTEsMSwwLDAsMSwxLDF2MTcuNWg5LjY0YTEsMSwwLDAsMSwxLDFabTguNTQsMGExLDEsMCwwLDEtMSwxSDM2Ljc0YTEsMSwwLDAsMS0xLTF2LTIyYTEsMSwwLDAsMSwxLTFoMy41NWExLDEsMCwwLDEsMSwxWm0yNC40MiwwYTEsMSwwLDAsMS0xLDFINjEuMTVhMS4wOSwxLjA5LDAsMCwxLS4yNSwwaDBsLS4wNywwaDBsMCwwLS4wNSwwLDAsMC0uMDcsMGgwYTEuMTgsMS4xOCwwLDAsMS0uMjYtLjI0TDUwLjI0LDQwVjUzLjEyYTEsMSwwLDAsMS0xLDFINDUuN2ExLDEsMCwwLDEtMS0xdi0yMmExLDEsMCwwLDEsMS0xaDMuODNsMCwwaDBsLjA2LDBoMGwwLDAsMCwwLDAsMGgwbDAsLjA1czAsMCwwLDBsLjA2LjA2aDBsLjA5LjFMNjAuMTcsNDQuMThWMzEuMDlhMSwxLDAsMCwxLDEtMUg2NC43YTEsMSwwLDAsMSwxLDFaTTg1LjI3LDM0LjY0YTEsMSwwLDAsMS0xLDFINzQuNjV2My43Mmg5LjY0YTEsMSwwLDAsMSwxLDF2My41NGExLDEsMCwwLDEtMSwxSDc0LjY1djMuNzJoOS42NGExLDEsMCwwLDEsMSwxdjMuNTVhMSwxLDAsMCwxLTEsMUg3MC4xMWExLDEsMCwwLDEtLjY3LS4yN2gwdjBhMSwxLDAsMCwxLS4yOC0uNjh2LTIyYS45NC45NCwwLDAsMSwuMjgtLjY4czAsMCwwLDAsMCwwLDAsMGExLDEsMCwwLDEsLjY4LS4yN0g4NC4yOWExLDEsMCwwLDEsMSwxWiIvPjwvZz48L2c+PC9zdmc+");background-repeat:no-repeat;background-position:50% 50%;}
[linebtn]:hover,[linebtn]:active{cursor:pointer;}
[linebtn]:hover  [linebtn-overlay]{ background: var(--linehover); color:#FFF;}
[linebtn]:active [linebtn-overlay]{ background: var(--lineclick); color:#FFF;}
[stripebtn]:hover,[stripebtn]:active{cursor:pointer;}
[stripebtn]:hover [stripebtn-overlay]{ background: var(--lineclick); color:#FFF;}
[stripebtn]:active [stripebtn-overlay]{ background: var(--lineclick); color:#FFF;}
[cancelbtn]:hover,[cancelbtn]:active{cursor:pointer;}
[cancelbtn]:hover [cancelbtn-overlay]{ background: var(--lineclick); color:#FFF;}
[cancelbtn]:active [cancelbtn-overlay]{ background: var(--lineclick); color:#FFF;}
[linebtn][no-icon] [linebtn-overlay]::before{
    content: none;
}
/* other-btn */
[btn]{
    display: flex;flex-flow:row nowrap;justify-content: center;align-items: center;
    background:var(--main-color); border: 1px solid var(--main-color);
    color: #FFF;
    border-radius:0.3em;letter-spacing:0.05em;
    padding: 0.4em 1.2em;
}
[btn]:active{
    background: var(--main-color-dark);
    border : 1px solid var(--main-color-dark);
}
[btn-disabled]{
    display: flex;flex-flow:row nowrap;justify-content: center;align-items: center;
    background:#ccc; border: 1px solid #ccc;
    color: #FFF;
    border-radius:0.3em;letter-spacing:0.05em;
    padding: 0.4em 1.2em;
}
[btn-border]{
    display: flex;flex-flow:row nowrap;justify-content: center;align-items: center;
    background:#FFF; border: 1px solid var(--main-color);
    border-radius:0.3em;letter-spacing:0.05em;
}
[btn-border] > *{
        color: var(--main-color);
        position: relative;
}
[btn-border] * span{
        color: var(--main-color);
        position: relative;
        top: -0.1em;
}
[btn-delete]{
    display: flex;flex-flow:row nowrap;justify-content: center;align-items: center;
    background:var(--line-delete);
    border-radius:0.3em;
    letter-spacing:0.05em;
    padding: 0.8em 1em;
    color: #FFF;
    font-size: min(3.6vmin , 15px);
}
[btn-delete]:active{
        background: var(--line-delete-dark);
}
[btn-border]:active{
        background: var(--main-color-light);
}
[separate]{
    display: flex;flex-flow:row nowrap;justify-content:space-between; align-items: center;
    width: 100%;
}
[separate] > *{
    display:inline-flex;
}
[btn-separate]{
    display: flex;flex-flow:row nowrap;justify-content:space-between; align-items: center;
    width: 100%;
}
[btn-separate] > *{
    display: flex;
    flex-flow:row nowrap;
    justify-content:center; align-items: center;
    width: 100%;
}
[btn-separate] > *:nth-of-type(1){
    margin-right: 2%;
}
[btn-separate] > *:nth-of-type(2){
    margin-left: 2%;
}
/****************************************************************************************
 *
 * カスタムレイアウト
 *
****************************************************************************************/
/****************** Cart Drawer ******************/
.v-modal{
    z-index: 0 !important;
    display: none !important;
}
.el-dialog__close.el-icon.el-icon-close{
    font-weight: bold;
}
.el-drawer.btt{
    border-radius: 16px 16px 0 0;
    max-width: 500px;
    margin: 0 auto;
    height: auto !important;
    max-height: 100vh;
}
[fullheight-drawer] .el-drawer.btt{
    min-height: 100vh;
    border-radius: 0 0 0 0;
    border-top: 1px solid var(--main-color);
}
.el-drawer__header{
    padding: 16px 20px 0 20px;
}
[fullheight-drawer] .el-drawer__header{
    padding-top: 1.5em;
}
[cart-drawer] .el-drawer.btt .el-drawer__header>:first-child,
.el-drawer__header > span{
    font-weight: 600;
    font-size: 14px;
}
[no-cart]{
        min-height: 20vh;
        display: flex; flex-flow:row nowrap; justify-content: center;align-items: center;
        font-size: 14px;
        font-weight: 600;
}
/********************/
[cart-items]{
        padding: 15px 5vmin 15px 2vmin;
        -ms-scroll-snap-type: x mandatory;
            scroll-snap-type: x mandatory;
        overflow-x: scroll;
        display: flex;
        align-items:  stretch;
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch;
}
[cart-items]::after {
        content: "\00a0";
        width: 36px;
        display: block;
}
[cart-items] [cart-item]{
            flex: 1 1 200px;
            overflow-x: hidden;
            scroll-snap-align: center;
            width: 50%;
            min-width: 98%;
            margin: 0 5px;
            padding: 1em 10px;
            flex-flow: column nowrap;
            align-items: flex-start;
            display: flex;
            justify-content: flex-start;
            border-radius: 5px;
            border: 1px solid var(--main-color);
            background: var(--main-color-light);
}
[cart-items] [cart-item] [product-name]{
                font-size: 15px;font-weight: bold;text-align: justify;line-height: 1.5em;margin-bottom: 0.8em;padding-left: 0.3em;
                color: var(--main-color);
}
[cart-items] [cart-item] [split-2]{
                display: flex;flex-flow: row nowrap;justify-content: flex-start;align-items: flex-start;
                width: 100%;
}
[cart-items] [cart-item] [split-2] > *:nth-of-type(1){width: 25%;}
[cart-items] [cart-item] [split-2] > *:nth-of-type(2){width: 75%;padding: 0 0.3em 0 12px;}
[cart-items] [cart-item] [split-2] img{width: 100%;max-width: 100%;border-radius: 5px;}
[cart-items] [cart-item] [split-2] [unit-quantity]{
                        display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: flex-end;
                        margin-bottom: 0.3em;
}
[cart-items] [cart-item] [split-2] [lot-quantity]{
                        display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: flex-end;
                        margin-bottom: 0.3em;
}
[cart-items] [cart-item] [split-2] [unit-quantity] span,
                        [cart-items] [cart-item] [split-2] [lot-quantity] span{
                            font-size: 13px;
                            font-weight: 600;
}
[cart-items] [cart-item] [split-2] [unit-quantity] span[quantity-view],
                        [cart-items] [cart-item] [split-2] [lot-quantity] span[quantity-view]{
                            font-size: 15px;
                            font-weight: 600;
}
[cart-items] [cart-item] [split-2] [unit-quantity] [unit-total],
                        [cart-items] [cart-item] [split-2] [lot-quantity] [lot-total]{
                            font-size: 15px;
                            font-weight: bold;
}
[cart-inout]{
                            display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: flex-end;
}
[cart-inout] [btn-border]{
                                width: 49%;
                                padding: 0.3em;
}
[cart-inout] [btn-border] *{
                                    font-size: 12px;
                                    font-weight: 600;
}
[product-total]{
                width: 100%;
                display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: flex-end;
                border-top: 1px dashed var(--main-color);
                padding: 0.5em 0.3em 0 0.3em;
}
[product-total] > *{
                color: var(--main-color);
                font-size: 14px;
}
[product-total] > *:nth-of-type(2){
                font-size: 18px;
                font-weight: bold;
}
/* cart drawer summary */
[cart-summary]{
        padding: 0 1em;
        padding-bottom: constant(safe-area-inset-bottom);
        padding-bottom: env(safe-area-inset-bottom);
}
[cart-summary] [summary-detail]{
            display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: flex-end;
            width: 100%;
            margin-bottom: 1em;
}
[cart-summary] [summary-detail] span{
                display: flex;flex-flow: row nowrap;
                color: var(--main-color);
                font-weight: 600;
}
[cart-summary] [summary-detail] span:nth-of-type(1){font-size: 16px;}
[cart-summary] [summary-detail] span:nth-of-type(2){font-size: 20px;}
[cart-summary] [buy-button]{
            padding-bottom: 0.5em;
}
[cool-switch]{
            display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: flex-end;
            padding-top: 1em;
}
[switch-header]{
                font-size: 13px;
                font-weight: 600;
                display: flex;flex-flow: row nowrap;justify-content: flex-start;align-items:center;
}
[cool-switch] .el-switch__label *{
                font-size: 13px;
                font-weight: 600;
                color: #999;
}
[cool-switch] .el-switch__label.el-switch__label--left.is-active *{
                color: #df8926;
}
[cool-switch] .el-switch__label.el-switch__label--right.is-active *{
                color: #409EFF;
}
/****************** scroll menu ******************/
[scroll-menu]{
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background: #FFF;
    display: flex;
    white-space: nowrap;
    width: 100vw;
    overflow-x: scroll;
    -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
    z-index: 99;
    max-width: 500px;
}
[scroll-menu] > *{
      scroll-snap-align: center;
      font-size:14px;font-weight:600;padding:1.3em 1em 1em 1em;text-align:center;
      border-bottom: 4px solid #FFF;
}
[scroll-menu] > *.active{
      color: var(--main-color);
      border-bottom: 4px solid var(--main-color);
}
/****************** swipe pages ******************/
#pages.swiper-container{
    height: 100vh;
    max-height: 100vh;
    overflow: hidden;
    padding-top: 0;
    min-height: 100vh;
    background: #FFF;
    width: 100vw;
    padding-bottom: 30px;
}
#pages.swiper-container .swiper-wrapper{
}
#pages.swiper-container .swiper-wrapper .swiper-slide{
          padding-top: 30px;
          overflow-y: scroll;
          padding-bottom: 100px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic{
        position: fixed;
        top: 2em;
}
[tax-included]{
        font-size: 14px;
        font-weight: bold;
        width: 100%;
        text-align: center;
        line-height: 1.3em;
        margin-bottom: 0.5em;
}
/****************** App Footer ******************/
[app-footer]{
    position: fixed;
    z-index: 9;
    display: flex; flex-flow:row wrap; justify-content: space-between;align-items: stretch;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    padding: 0;
    bottom: 0;

    padding-bottom: calc( constant(safe-area-inset-bottom) - 0.5em);
    padding-bottom: calc( env(safe-area-inset-bottom) - 0.5em);
    background: rgba(255,255,255,0.97);
    border-radius: 12px 12px 0 0;
    filter: drop-shadow(2px 4px 6px rgba(128,128,128,0.5));
}
[footer-float] {
        margin-bottom: constant(safe-area-inset-bottom);
        margin-bottom: env(safe-area-inset-bottom);
        padding-left: 0.5em;
        padding-right: 0.5em;
        position: fixed;
        max-width: 500px;
        bottom: 4em;
        z-index: 8;
        width: 100%;
}
[footer-float]:hover [float-inner]{
        background: var(--main-color-dark);
}
[footer-float] [float-inner]{
            background: var(--main-color);
            padding:0.7em 0.6em;
            border-radius: 0.6em;
            width: 100%;
            bottom: 4em;
            z-index: 99;
            filter: drop-shadow(2px 2px 3px rgba(128,128,128,0.5));
            color: #FFF;
            display: flex; flex-flow:row nowrap; justify-content: space-between;align-items: stretch;
}
[footer-float] [float-inner] *{
            color: #FFF;
            font-size: 15px;
            font-weight: 500;
}
[footer-float] [float-inner] [cart-num]{
            font-size: 16px;
            font-weight: 600;
            letter-spacing: 0.05em;
}
[app-footer] [footer-inner]{
        display: flex; flex-flow:row nowrap; justify-content: space-between;align-items: stretch;
        width: 100%;
        padding: 0 1em;
        color: #FFF;
        font-size: 24px;
}
[app-footer] [footer-inner] i{
            padding:0.6em 1em;
            color: var(--main-color);
            position: relative;
}
[cart-badge]{
            position: absolute;
            top: 0.7em;
            right: 0.8em;
            font-size: 12px;
            background: var(--main-color);
            padding: 0.3em 0.6em;
            border-radius: 1em;
            color: #FFF;
            border: 1px solid #FFF;
            transition: all 0.2s ease-in-out;
}
[app-footer] [cart-price]{
            color: var(--main-color);
            font-size: min(4vmin,16px);
            position: absolute;
            left: 0;
            bottom: -0.3em;
            width: 100%;
            font-weight: 600;
            display: flex; flex-flow:row nowrap; justify-content: center;align-items: center;
            transition: all 0.2s ease-in-out;
}
[app-footer] [cart-price] span{
                color: var(--main-color);
                font-size: min(3.3vmin,13px);
                padding-left: 0.2em;
                margin-top: 0.2em;
}
/****************** CategoryList ******************/
[product-list]{
  display: flex; flex-flow:row wrap; justify-content: space-between;align-items: stretch;
  width: 100vw;
  max-width: 500px;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
/****************** CategoryList > Product ******************/
[product-card]{
  width: calc( ( 100vw - 4px ) / 2 );
  max-width: calc( ( 500px - 4px ) / 2 );;
  box-sizing: border-box;
  padding-top: 12px;
  padding-bottom: 12px;
  margin-bottom: 12px;
}
[product-card] [product-image]{
          width: 100%;
          max-width: 100%;
          position: relative;
          display: flex; flex-flow:column nowrap; justify-content: center;align-items: center;
}
[product-card] [product-image] img{
          width: 100%;
          max-width: 100%;
}
[product-card] [product-image] [off-time]{
            background: rgba(0,0,0,0.5);
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: flex; flex-flow:column nowrap; justify-content: center;align-items: center;
            color: #FFF;
}
[product-card] [product-image] [favorite]{
            position: absolute;
            top: 10px;
            right: 10px;
            transform: scale(1.2);
}
[product-card] [product-badgearea]{
        padding: 0.2em 0;
}
[product-card] [product-badge]{
        background: var(--main-color);
        color: #FFF;
        padding: 0.3em 0.6em;
        font-size: min(2.3vmin , 10px );
        border-radius: 0.2em;
        margin-right:0.3em;
}
[product-card] [product-badge][badge-sale]{
        background: #F24500;
}
[product-card] [product-badge][badge-time]{
        background: #FA9E1E;
}
[product-card] [product-badge][badge-limit]{
        background: #095796;
}
[product-card] [product-name]{
      font-size: 13px;
      padding: 0.8em 0.8em 0 0.8em;
      font-weight: 600;
      line-height: 1.4em;
      text-align: justify;
      min-height: 4.5em;
}
[product-card] [product-name] span[name]{
        white-space: pre-wrap;
        display: block;
        width: 100%;
}
[product-card] [product-detail]{
      padding: 0 0.8em;
      font-size: 12px;
}
[product-card] [product-detail] dl{border-bottom: 1px solid #efefef;padding: 0.4em 0;display: flex; flex-flow:row nowrap;justify-content: space-between;align-items: stretch;}
[product-card] [product-detail] dl dt{font-weight: 500;}
[product-card] [product-detail] dl dd{font-weight: 500;}
[product-card] [product-detail] dl:nth-last-of-type(1){border: none;}
[select-unit]{
            padding: 1em 0.5em 0.5em 0.5em;
            display: flex; flex-flow:column nowrap;
}
[select-unit] label{
            border: 1px solid #efefef;
            width: 100%;
            margin: 0.1em 0;
            padding: 0.8em 0.4em;
            display: flex; flex-flow:row nowrap;justify-content: flex-start;align-items: stretch;
}
[select-unit] .el-radio__label{
            padding-left: 3px;
            display: flex; flex-flow:row nowrap;justify-content: space-between;align-items: stretch;
            width: 100%;
}
[select-unit] .el-radio__label [unit-view]{
            font-size: 11px;
            width: 100%;
            display: flex; flex-flow:row nowrap;justify-content: flex-start;align-items: center;
            font-weight: 500;
}
[select-unit] .el-radio__label [price-view]{
            font-size: 15px;
            width: 100%;
            display: flex; flex-flow:row nowrap;justify-content: flex-end;align-items: center;
            text-align: right;
            position: relative;
            font-weight: 500;
}
[select-unit] .el-radio__label [price-view] small{
            font-size: 11px;
            position: relative;
            top: 0.2em;
            padding-left: 0.1em;
}
.el-radio.is-checked [unit-view],.el-radio.is-checked [price-view]{
            font-weight: bold;
}
.el-radio.is-checked{
            border:1px solid var(--main-color);
            background: var(--main-color-light);
}
.el-radio.is-checked[shipping-selectbox]{
            border:none;
            background:#FFF;
}
.el-radio__input.is-checked+.el-radio__label{
            color: var(--main-color);
}
.el-radio__input.is-checked .el-radio__inner{
            border-color: var(--main-color);
            background: var(--main-color);
}
.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner{
            box-shadow: none;
}
/****************** Settings ******************/
[settings] h3{
    background: var(--main-color-light);
    color: var(--main-color);
    padding: 1.1em 1em;
    font-size: 14px;
    font-weight: bold;
}
[settings] > *{
    text-decoration: none;
    color: var(--text-color);
    font-size: 14px;
    font-weight: 600 !important;
    padding: 1.3em;
    display: flex;
    border-bottom: 1px solid var(--main-color-light);
    position: relative;
}
[settings] > *::before{
    position: absolute;
    right: 1em;
    font-weight: bold;
}
[settings] [separate] *{
    font-weight: 400 !important;
}
/* content */
[main-logo]{
    padding: 5em 7em 3em 7em;
}
[setting-content]{
    padding-bottom: 4em;
    position: relative;
}
[setting-content] > header{
    background: #FFF;
    width: 100%;
    position: fixed;
    top: 0;
    max-width: 500px;
    z-index: 9;
}
[setting-content] > header > *{
    background: var(--main-color-light);
    color: var(--main-color);
    font-size: 15px;
    font-weight: bold;
    display: flex; flex-flow:row nowrap;justify-content: center;align-items: center;
    padding: 1.1em;
}
[setting-content] dl{
        display: flex; flex-flow:column nowrap;
}
[setting-content] dl dt{
        padding: 0.7em 1em;
        background: var(--main-color-light);
        color: var(--main-color);
        font-size: 14px;
        font-weight: bold;
}
[setting-content] dl dd{
        padding: 1.3em 1em;
        font-size: 14px;
        font-weight: 600;
        white-space:pre-wrap;
        word-wrap:break-word;
        line-height: 1.6em;
}
/**************************** Form Components ****************************/
[form-component]{
    padding-top: 1em;
    padding-bottom: 1em;
}
[form-component] h6{
    font-size: 15px;
    color: var(--main-color);
    line-height: 1.6em;
    padding-left: 0.7em;
    border-left: 3px solid var(--main-color);
    margin-bottom: 0.7em;
}
[form-component] h6 span{
    color: var(--main-color);
    font-size: 14px;
    font-weight: normal;
    display: inline-block;
    margin-left: 1em;
}
input[type="tel"],input[type="text"],textarea,[input-view],select{
    border: 1px solid var(--main-color);
    border-radius: 5px;
    padding: 0.5em;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.05em;
}
select{
    width: 100%;
    position: relative;
    color: var(--main-color);
}
select + span{
    position: relative;
}
select + span::after{
    color: var(--main-color);
    content: '\025bc';
    position: absolute;
    z-index: 1;
    top: 0.25em;
    right: 0;
    transform: scale( 1.4 , 1 );
}
[form-component] [input-zip]{
    display: flex; flex-flow:row nowrap; justify-content: flex-start; align-items: center;
}
[input-zip] input{
        width: 9em;
}
[input-view]{
        width: 14em;
        min-height: 2.2em;
}
[form-component] textarea{
        width: 100%;
}
[form-component] [caption]{
        padding: 1em;
        margin-top: 1em;
        background: var(--main-color-light);
}
[form-component] [caption] *{
        font-size: 12px;
        display: block;
        line-height: 1.2em;
        text-align: justify;
        color: var(--main-color);
        margin-bottom: 0.5em;
        font-weight: 600;
}
[text-link]{
            position: relative;
            padding-bottom: 0.3em;
            border-bottom: 1px dashed var(--main-color);
            display: inline-block !important;
            padding-right: 1em;
            color: var(--main-color);
}
[text-link]::after{
            position: absolute;
            content: "\0bb";
            font-size: 2em;
            text-decoration: none;
            top: -0.1em;
}
[text-link]:active{
            border-bottom: 1px dashed var(--main-color-dark);
            color: var(--main-color-dark);
}
/* Alert */
.el-message-box {
    display: inline-block;
    width: 90vw;
    padding-bottom: 10px;
    vertical-align: middle;
    background-color: #FFF;
    border-radius: 4px;
    border: 1px solid #EBEEF5;
    font-size: 16px;
    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
    text-align: left;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
/* shipping-card */
[shipping-card]{
    width: 100%;
    padding: 0;
    margin-bottom: 0.5em;
    border: 1px solid var(--main-color);
    border-radius: 7px;
}
[shipping-card] [data-list]:active > *:nth-of-type(2),
    [shipping-card] [data-list]:active > *:nth-of-type(3),
    [shipping-card] [data-list]:active > *:nth-of-type(4){
        background: var(--main-color-light);
}
[shipping-card] [data-list] > *{
        font-size: 14px;
}
[shipping-card] [data-list] > *:nth-of-type(1){
        background: var(--main-color);
        color: #FFF;
        padding: 0.5em;
        font-weight: 600;
}
[shipping-card] [data-list] > *:nth-of-type(2){
        padding: 1em 1em 0.3em 1em;
}
[shipping-card] [data-list] > *:nth-of-type(3){
        padding: 0.3em 1em;
}
[shipping-card] [data-list] > *:nth-of-type(4){
        padding: 0.3em 1em 1em 1em;
}
/* purchase */
[purchase-flow]{
    background: var(--main-color-light);
    padding: 1em;
    display: flex; flex-flow:row nowrap; justify-content: flex-start; align-items: center;
}
[purchase-flow] > *{
        color: var(--main-color);
        font-size: 13px;
        font-weight: normal;
        position: relative;
        padding-left: 1.5em;
}
[purchase-flow] > *::before{
        content: '\0bb';
        font-size: 20px;
        position: absolute;
        top: -5px;
        left: 0.3em;
}
[purchase-flow] > *:nth-of-type(1){
        padding-left: 0;
}
[purchase-flow] > *:nth-of-type(1)::before{
        content: none;
}
[purchase-flow] > *[active-flow]{
        font-weight: 600;
}
[select-shipping]{
    display: block;
}
[shipping-radio]{
    display: flex; flex-flow:row nowrap; justify-content: center; align-items: center;
}
[shipping-radio] > {
    margin-left: 1em;
    margin-right: 1em;
}
[select-shipping] input{
        display: none;
}
[select-shipping] [select-detail]{
        border: 1px solid var(--main-color);
        color: #999;
        border-radius: 6px;
        margin: 0.5em 0;
        background: rgba(0,0,0,0.1);
}
[select-shipping] input + [select-detail]{
        background: #FFF;
}
[select-shipping] input:checked + [select-detail]{
        background: var(--main-color-light);
        color: var(--main-color);
}
[select-shipping] input:disabled + [select-detail]{
            background: rgba(0,0,0,0.1);
            border: 1px solid #ccc;
}
[select-shipping] input:disabled + [select-detail] > *{
            color: #999;
}
[select-shipping] [select-detail] > *[warning-text]{
            color: #F00;
            padding-top: 0.5em;
            font-size: 12px;
}
[select-detail]{
        display: flex; flex-flow:column nowrap; justify-content: flex-start; align-items: flex-start;
        padding: 1em;
}
[select-detail] > *{
            font-size: 15px;
            line-height: 1.2em;
            margin: 0.1em 0;
            color: #999;
            font-weight: 600;
}
[select-shipping] input:checked + [select-detail] > *{
            color: var(--main-color);
            font-weight: bold;
}
/* PaymentPage */
[small-caption]{
    color: var(--main-color);
    font-size: 13px;
    font-weight: 600;
}
[section-header]{
    font-size: 14px;
    color: var(--main-color);
    line-height: 1.4em;
    border-bottom: 1px solid var(--main-color);
    font-weight: 600;
}
[product-detail]{
        padding: 0.5em 0;
        border-bottom: 1px dashed var(--main-color-light);
}
[product-detail] [product-name]{
            font-size: min(3.6vmin , 15px);
            color: var(--main-color);
            font-weight: 600;
            padding: 0.5em 0;
}
[product-detail] [unit-detail]{
            line-height: 1.3em;
            font-size: min(3.6vmin , 14px);
            color: #666;
            font-weight: 400;
            padding: 0.3em 0;
            display: flex; flex-flow:row nowrap; justify-content: space-between; align-items: center;
}
[product-detail] [lot-detail]{
            line-height: 1.3em;
            font-size: min(3.6vmin , 14px);
            color: #666;
            font-weight: 400;
            padding: 0.3em 0;
            display: flex; flex-flow:row nowrap; justify-content: space-between; align-items: center;
}
[product-detail] [product-subtotal]{
            line-height: 1.6em;
            font-size: min(3.6vmin , 15px);
            color: #333;
            font-weight: 600;
            padding: 0.3em 0;
            display: flex; flex-flow:row nowrap; justify-content: space-between; align-items: center;
}
[product-detail] > * [price-view]::after{
                content: '(税込)';
                display: inline-block;
                padding-left: 0.4em;
                font-size: 0.8em;
}
[payment-dl]{
    display: flex; flex-flow:row nowrap; justify-content: flex-start; align-items: stretch;
    border-bottom: 1px dashed var(--main-color-light);
    padding: 0.7em 0;
}
[payment-dl]:nth-of-type(even){
}
[payment-dl] dt{
        width: 6em;
        min-width: 6em;
        display: flex; flex-flow:column nowrap; justify-content:center; align-items: flex-start;
        font-size: 13px;
        color: var(--main-color);
        font-weight: 600;
        padding: 0.5em;
}
[payment-dl] dd{
        padding: 0.5em;
        font-size: 13px;
        line-height: 1.4em;
        font-weight: 600;
        display: flex; flex-flow:column nowrap; justify-content:center; align-items: flex-start;
}
[payment-dl] dd span{
        display: block;
        line-height: 1.4em;
}
[right-border]{
        border-right: 1px solid var(--main-color);
}
[total-view]{
}
[total-view] > *{
            display: flex; flex-flow:row nowrap; justify-content: space-between; align-items: center;
            color: var(--main-color);
            font-weight: 600;
            font-size: 16px;
}
[total-view] > * [price-view]{
            color: var(--main-color);
}
[total-view] > * [price-view]::after{
                content: '(税込)';
                display: inline-block;
                padding-left: 0.4em;
                font-size: 0.8em;
}
[total-view] [tax-rate],[total-view] [tax-rate] *{
            font-size:min(3.5vmin,14px);
            color:#444;
}
[total-view] [tax-rate][tax-view],[total-view] [tax-rate][tax-view] *{
            font-size:min(3.5vmin,14px);
            color:#888;
}
[total-view] [tax-rate] [price-view]::after{
            content:none;
}
[icon-cool],[icon-normal]{
            font-style: normal;
            font-size: 9px;
            padding: 0.3em;
            color: #FFF;
}
[icon-cool]{
            background: #0093C4;
}
[icon-normal]{
            background: #F7821B;
}
/* histories page  */
[history-dialog]{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    display: flex; flex-flow:column nowrap; justify-content:center; align-items: center;
}
[history-dialog] .el-dialog{
        margin: 0;
        margin-top: inherit !important;
        max-height: calc( 100vh - 4.5em );
        max-width: 468px;
        overflow-y: scroll;
        border-radius: 0.5em;
}
[history-dialog] .el-dialog__header{
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        background: #FFF;
}
[history-dialog] .el-dialog .el-dialog__body{
        padding: 0 1em 1.5em 1em;
}
[history-card]{
    border: 2px solid var(--main-color-light);
    border-radius: 6px;
    padding: 1em;
    margin: 0.3em auto;
}
[history-card]:active{
    background: #efefef;
}
[history-card] [order-number]{
        color: var(--main-color);
        font-size: 14px;
        font-weight: 600;
        line-height: 1.5em;
}
[history-card] [order-amount]{
        color: #888;
        font-size: 15px;
        font-weight: 600;
        line-height: 1.5em;
        display: flex; flex-flow:row nowrap; justify-content: space-between; align-items: center;
}
[history-card] [order-amount] span{
        font-size: 13px;
        color: #aaa;
}
/**************************** Permission Page ****************************/
[permission-overlay]{
    width:100vw;height:100vh;position:fixed;top:0;left: 0;background:#FFF;z-index:8888;
    padding: 2em 0;
    display: flex; flex-flow:column nowrap; justify-content: center; align-items: center;
}
[user-permission]{
    max-width:500px;
    padding-bottom: 3em;
    overflow: scroll;
}
[permission-notice]{
    color: var(--main-color);
    font-weight: bold;
    display: block;
    width: 100%;
    font-size: min( 3.8vmin , 16px );
    text-align: justify;
    padding:0.3em 1.2em;
    line-height: 1.3em;
}
/**************************** ご利用ガイド ****************************/
[guide-box]{
    padding: 2em;
}
[guide-box] img{
    width: 100%;
}











.bounce[data-v-f1317fde]{
    transform-origin: center;
    transform:scale(1.5);
    transition: all 0.2s ease-in-out;
}


.bounce[data-v-0d2d6594]{
    transform-origin: center;
    transform:scale(1.5);
    transition: all 0.2s ease-in-out;
}


.bounce[data-v-291a9a6c]{
    transform-origin: center;
    transform:scale(1.5);
    transition: all 0.2s ease-in-out;
}


[fullscreenloading]{left:0;top: 0;position:fixed;width:100vw;max-width: 100vw;min-width: 100vw;height:100vh;background:rgba(255,255,255,.8);z-index:7777;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center}[fullscreenloading] span{margin-bottom:1em}[fullscreenloading] i{font-size:2em}.pixel-spinner, .pixel-spinner * {
      box-sizing: border-box;
}.pixel-spinner {
      height: 40vmin;
      width: 40vmin;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
}.pixel-spinner img{
      -webkit-animation: pixel-spinner-animation 1500ms linear infinite;
              animation: pixel-spinner-animation 1500ms linear infinite;
      height: 40vmin;
      width: 40vmin;
      max-height: 300px;
      max-width: 300px;
}@-webkit-keyframes pixel-spinner-animation {
      /*
      0% {
        transform: scale(1.2) rotate(0deg);
      }

      50% {
        transform: scale(1.0) rotate(180deg);
      }
      */
100% {
        transform: rotate(360deg);
}
}@keyframes pixel-spinner-animation {
      /*
      0% {
        transform: scale(1.2) rotate(0deg);
      }

      50% {
        transform: scale(1.0) rotate(180deg);
      }
      */
100% {
        transform: rotate(360deg);
}
}[loading-text]{
  font-size: 14px;
  margin-top: 2em;
  font-weight: 600;
}




[mini-loader]{
    width: 100%;
    max-width: 500px;
    position: fixed;
    background: rgba(255,255,255,0.4);
    height: 100vh;
    z-index: 9999;
    display: flex;flex-flow:column nowrap;justify-content: center;align-items: center !important;
    top: 0;
}
lds-dual-ring {
  display: inline-block;
  width: 80px;
  height: 80px;
}
.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid var(--main-color);
  border-color: var(--main-color) transparent var(--main-color) transparent;
  -webkit-animation: lds-dual-ring 1.2s linear infinite;
          animation: lds-dual-ring 1.2s linear infinite;
}
@-webkit-keyframes lds-dual-ring {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
@keyframes lds-dual-ring {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
[loading-text]{
  font-size: 14px;
  margin-top: 2em;
  font-weight: 600;
}




.privacy-overlay[data-v-e1d3ac2c] {
  display: block;
  font-weight: bold;
  color: #007bff;
  text-decoration: underline;
  cursor: pointer;
  margin-bottom: 1rem;
}