{"mappings":"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","sources":["src/asset/front.scss","%3Cinput%20css%20BZTRxz%3E"],"sourcesContent":["\r\n/* COLOR */\r\n$base-color: hsl(0, 0%, 7%) !default;  // CHANGEABLE color\r\n$base-bgcolor: hsl(0, 0%, 100%) !default;  // CHANGEABLE color\r\n$alt-bgcolor: hsl(0, 0%, 94%) !default;  // CHANGEABLE color\r\n$focus-color: hsl(347, 81%, 59%) !default;  // CHANGEABLE color\r\n$button-color: hsl(347, 8%, 79%) !default;  // CHANGEABLE color\r\n$primary-button-color: hsl(347, 81%, 59%) !default;  // CHANGEABLE color\r\n$accent-color: hsl(347, 81%, 59%) !default;  // CHANGEABLE color\r\n$negative-color: hsl(11, 73%, 50%) !default;  // CHANGEABLE color\r\n$ribbon1-bgcolor: hsl(0, 100%, 50%) !default;  // CHANGEABLE color\r\n$ribbon1-color: hsl(60, 100%, 50%) !default;  // CHANGEABLE color\r\n$ribbon2-bgcolor: hsl(240, 62%, 22%) !default;  // CHANGEABLE color\r\n$ribbon2-color: hsl(0, 0%, 100%) !default;  // CHANGEABLE color\r\n\r\n$dark-base: lightness($base-color) > lightness($base-bgcolor);  // DERIVED\r\n$border-color: rgba($base-color, 0.26);  // DERIVED\r\n$placeholder-color: rgba($base-color, 0.35);  // DERIVED\r\n$hover-button-color: scale-color($button-color, $lightness:-15%, $saturation:-10%);  // DERIVED\r\n$hover-primary-button-color: scale-color($primary-button-color, $lightness:-15%, $saturation:-10%);  // DERIVED\r\n@if $dark-base {\r\n    $hover-button-color: scale-color($button-color, $lightness:15%, $saturation:-10%);\r\n    $hover-primary-button-color: scale-color($primary-button-color, $lightness:15%, $saturation:-10%);\r\n}\r\n$hover-alpha: 0.2;\r\n$focus-alpha: 0.4;\r\n$weak-alpha: 0.6;\r\n$disabled-alpha: 0.3;\r\n\r\n/* SPACE */\r\n$padding-size: \"3\" !default;  // CHANGEABLE enum 2,3,4\r\n$small-padding: 4px;  // DERIVED\r\n$padding: 10px;  // DERIVED\r\n$half-big-padding: 14px;  // DERIVED\r\n$big-padding: 28px;  // DERIVED\r\n$xbig-padding: 40px;  // DERIVED\r\n@if $padding-size == \"2\" {\r\n    $small-padding: 4px;\r\n    $padding: 8px;\r\n    $half-big-padding: 14px;\r\n    $big-padding: 28px;\r\n    $xbig-padding: 28px;\r\n} @else if $padding-size == \"4\" {\r\n    $small-padding: 6px;\r\n    $padding: 12px;\r\n    $half-big-padding: 20px;\r\n    $big-padding: 40px;\r\n    $xbig-padding: 60px;\r\n}\r\n$control-header-width: 10em;\r\n\r\n/* COMMON PROPS */\r\n$font-size: 16px;\r\n$small-font-size: 14px;\r\n$nano-font-size: 10px;\r\n$big-font-size: 20px;\r\n$line-height: 1.5;\r\n$narrow-line-height: 1.3;\r\n$control-height: 40px;\r\n$form-padding: 0;\r\n\r\n$section-arrange: \"da\" !default;  // CHANGEABLE enum da,ad\r\n$lead-section-order: 10;\r\n$navigator-section-order: 20;  // DERIVED\r\n$monitor-section-order: 21;  // DERIVED\r\n$attributes-section-order: 30;  // DERIVED\r\n$action-section-order: 40;\r\n@if $section-arrange == \"ad\" {\r\n    $navigator-section-order: 30;\r\n    $monitor-section-order: 31;\r\n    $attributes-section-order: 20;\r\n}\r\n\r\n$shadow1:0 1px 3px rgba(0,0,0, 0.12), 0 1px 2px rgba(#000, 0.24);\r\n$shadow2:0 3px 6px rgba(0,0,0, 0.2);\r\n\r\n$xshort-duration: 0.1s;\r\n$short-duration: 0.2s;\r\n$medium-duration: 0.3s;\r\n\r\n/* COMMON COMPONENTS */\r\n$radius-size: \"0\" !default;  // CHANGEABLE enum 0,3\r\n$control-radius: 0;  // DERIVED\r\n$box-radius: 0;  // DERIVED\r\n@if $radius-size == \"3\" {\r\n    $control-radius: 4px;\r\n    $box-radius: 4px;\r\n}\r\n$raise-button: false !default;  // CHANGEABLE bool\r\n$bend-button: false !default;  // CHANGEABLE bool\r\n$animate-on-selection: true !default;  // CHANGEABLE bool\r\n$animate-on-focus: true !default;  // CHANGEABLE bool\r\n$rejection-shift: 0.25em;\r\n$outline-width: 4px;\r\n$control-border-width: 1px;\r\n$thumb-size: 20px;\r\n$track-height: 4px;\r\n$min-primary-button-width: 180px;\r\n$dialog-v-margin: 32px;\r\n$dialog-width: 30em;\r\n$dialog-max-width: 80%;\r\n$dialog-altitude: 1000;\r\n$hover-glow: 0 0 0 $outline-width rgba($focus-color, $hover-alpha);  // DERIVED\r\n$focus-glow: 0 0 0 $outline-width rgba($focus-color, $focus-alpha);  // DERIVED\r\n\r\n/* DETAILS */\r\n$option-gutter: $padding - $font-size * ($line-height - 1) * 0.5;  // DERIVED\r\n$option-pad-empty-image: false !default;  // CHANGEABLE bool\r\n$option-break-width: 782px !default;  // CHANGEABLE number px\r\n$option-pc-image-hwidth: 130px !default;  // CHANGEABLE number px\r\n$option-pc-image-wwidth: 100px !default;  // CHANGEABLE number px\r\n$option-pc-image-height: 100px !default;  // CHANGEABLE number px\r\n$option-sp-image-hwidth: 130px !default;  // CHANGEABLE number px\r\n$option-sp-image-wwidth: 100px !default;  // CHANGEABLE number px\r\n$option-sp-image-height: 100px !default;  // CHANGEABLE number px\r\n$option-price-layout: \"inline-strike\" !default;  // CHANGEABLE enum inline-strike,block-strike,weak-arrow\r\n$option-name-halign: center !default;  // CHANGEABLE enum left,center,right\r\n$option-note-halign: center !default;  // CHANGEABLE enum left,center,right\r\n$option-prices-halign: center !default;  // CHANGEABLE enum left,center,right\r\n$option-name-walign: left !default;  // CHANGEABLE enum left,center,right\r\n$option-note-walign: left !default;  // CHANGEABLE enum left,center,right\r\n$option-prices-walign: left !default;  // CHANGEABLE enumm left,center,right\r\n$navbar-height: 4px;\r\n$item-border-width: 1px;\r\n$item-image-width: 30px !default;  // CHANGEABLE number px\r\n$item-image-height: 30px !default;  // CHANGEABLE number px\r\n$wnavi-base-height: 160px !default;  // CHANGEABLE number px\r\n$wnavi-v-margin: 32px;\r\n$wnavi-width: 480px !default;  // CHANGEABLE number px\r\n$wnavi-sp-h-margin: 1em;\r\n$wnavi-altitude: 100 !default;  // CHANGEABLE number\r\n$hnavi-do-serialize: true !default;  // CHANGEABLE bool\r\n\r\n/* ATTRS */\r\n$plain-components: false !default;  // CHANGEABLE bool\r\n$show-optional: false !default;  // CHANGEABLE bool\r\n$flip-required: false !default;  // CHANGEABLE bool\r\n$fill-required: false !default;  // CHANGEABLE bool\r\n$table-layout: false !default;  // CHANGEABLE bool\r\n$control-break-width: 782px !default;  // CHANGEABLE number px\r\n$file-width: 80px;\r\n$file-height: 80px;\r\n\r\n/* MONITOR */\r\n$show-nup-column: false !default;  // CHANGEABLE bool; normal unit price column for footer\r\n$monitor-break-width: 782px !default;  // CHANGEABLE number px\r\n$show-monitor-title: false !default;  // CHANGEABLE bool\r\n$moncol-pc-show-no: false !default;  // CHANGEABLE bool\r\n$moncol-pc-show-category: true !default;  // CHANGEABLE bool\r\n$moncol-pc-show-normalUnitPrice: false !default;  // CHANGEABLE bool\r\n$moncol-pc-show-unitPrice: true !default;  // CHANGEABLE bool\r\n$moncol-pc-show-quantity: true !default;  // CHANGEABLE bool\r\n$moncol-pc-show-taxClass: true !default;  // CHANGEABLE bool\r\n$moncol-pc-show-price: true !default;  // CHANGEABLE bool\r\n$moncol-pc-order-quantity: 80 !default;  // CHANGEABLE enum 20, 50, 80*\r\n$moncol-pc-order-taxClass: 110 !default;  // CHANGEABLE enum 90, 110*\r\n\r\n/* SIDEBAR MONITOR */\r\n$sb-show-shadow: false !default;  // CHANGEABLE bool\r\n$sb-show-nup-column: false !default;  // CHANGEABLE bool\r\n$sb-show-monitor-title: false !default;  // CHANGEABLE bool\r\n$sb-show-lines: true !default;  // CHANGEABLE bool\r\n$sb-show-subtotals: true !default;  // CHANGEABLE bool\r\n$monitor-sb-break-width: 782px !default;  // CHANGEABLE number px\r\n$monitor-sb-top-offset: 0px !default;  // CHANGEABLE number px\r\n$monitor-sb-altitude: 1000 !default;  // CHANGEABLE number\r\n$monitor-sb-entries-maxHeight: 60vh;\r\n$moncol-sb-show-no: false !default;  // CHANGEABLE bool\r\n$moncol-sb-show-category: true !default;  // CHANGEABLE bool\r\n$moncol-sb-show-normalUnitPrice: false !default;  // CHANGEABLE bool\r\n$moncol-sb-show-unitPrice: true !default;  // CHANGEABLE bool\r\n$moncol-sb-show-quantity: true !default;  // CHANGEABLE bool\r\n$moncol-sb-show-taxClass: true !default;  // CHANGEABLE bool\r\n$moncol-sb-show-price: true !default;  // CHANGEABLE bool\r\n$moncol-sb-order-quantity: 80 !default;  // CHANGEABLE enum 20, 50, 80*\r\n$moncol-sb-order-taxClass: 110 !default;  // CHANGEABLE enum 90, 110*\r\n\r\n\r\n/*\r\n * To force re-rendering on changing disabled attribute on Edge.\r\n */\r\n[disabled] ~ _ {\r\n    font-weight: inherit;  // dummy rule, otherwise the bundler omits this.\r\n}\r\n\r\n/*\r\n * This class is added to body when a modal dialog is displayed.\r\n */\r\n.wq-x-suspended, \r\n.wq-x-suspended body {\r\n    overflow: hidden;\r\n}\r\n\r\n/*\r\n * padding for controls\r\n */\r\n@function cpd($borderWidth) {\r\n    @return (($control-height - $font-size * $line-height - 2 * $borderWidth) / 2);\r\n}\r\n\r\n@function bend($color) {\r\n    @return linear-gradient(to bottom, scale-color($color, $lightness:10%), scale-color($color, $lightness:-10%));\r\n}\r\n\r\n%Component {\r\n    display: block;\r\n    flex: 0 0 auto;\r\n    margin: 0;\r\n    padding: 0;\r\n    width: auto;\r\n    height: auto;\r\n    box-sizing: border-box;\r\n    font-size: $font-size;\r\n}\r\n\r\n%Container {\r\n    display: flex;\r\n    justify-content: flex-start;\r\n    flex-wrap: nowrap;\r\n    align-items: stretch;\r\n}\r\n\r\n%Item {\r\n    display: flex;\r\n    flex-direction: column;\r\n    border: $item-border-width solid $border-color;\r\n    & > .wq--head {\r\n        display: flex;\r\n        flex-direction: row;\r\n        align-items: center;\r\n        padding: $padding;\r\n        border-bottom: $item-border-width solid $border-color;\r\n        background-color: $alt-bgcolor;\r\n        position: relative;\r\n        font-size: $font-size;\r\n        color: $base-color;\r\n        & > .wq--media {\r\n            //width: $item-image-width;\r\n            //height: $item-image-height;\r\n            @extend %Container;\r\n        }\r\n        & > .wq--main {\r\n            display: flex;\r\n            flex-direction: column;\r\n            flex-shrink: 1;\r\n            flex-grow: 1;\r\n            flex-basis: auto;\r\n            width: 100%;\r\n            & > .wq--note {\r\n                font-size: $small-font-size;\r\n                color: rgba($base-color, $weak-alpha);\r\n                line-height: $narrow-line-height;\r\n            }\r\n        }\r\n        & > .wq--message {\r\n            @extend %Message;\r\n            top: $padding;\r\n            right: $padding;\r\n            position: absolute;\r\n            background: transparent;\r\n        }\r\n    }\r\n    &.wq-is-invalid {\r\n        border-color: $negative-color;\r\n    }\r\n    &.wq-belongs-hnavigator {\r\n        border-radius: $box-radius;\r\n        overflow: hidden;\r\n    }\r\n    &.wq-belongs-wnavigator {\r\n        box-sizing: border-box;\r\n        height: 100%;\r\n        overflow: hidden;\r\n        position:relative;\r\n        width: 100%;\r\n        & > .wq--head {\r\n            flex: 0 0 auto;\r\n        }\r\n    }\r\n}\r\n\r\n%TextInput {\r\n    display: block;\r\n    border: $control-border-width solid $border-color;\r\n    background: $base-bgcolor;\r\n    color: $base-color;\r\n    padding: cpd($control-border-width) cpd($control-border-width);\r\n    height: auto;\r\n    margin: 0;\r\n    box-sizing: border-box;\r\n    outline: none;\r\n    border-radius: $control-radius;\r\n    line-height: $line-height;\r\n    max-width: 100%;\r\n    position: relative;\r\n    font-size: $font-size;\r\n    transition: box-shadow $xshort-duration linear, border-color $xshort-duration linear;\r\n    @media (hover: hover), screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {\r\n        &:hover {\r\n            box-shadow: $hover-glow;\r\n            z-index: 2;  // hard-code-checked\r\n        }\r\n    }\r\n    &:focus {\r\n        box-shadow: $focus-glow;\r\n        border: $control-border-width solid $border-color;\r\n        outline: none;\r\n        z-index: 2;  // hard-code-checked\r\n        @if $animate-on-focus {\r\n            animation: explosion 0.6s;\r\n        }\r\n    }\r\n    &.wq-is-invalid:not(:focus) {\r\n        border-color: $negative-color;\r\n    }\r\n    &::placeholder {\r\n        font-size: $font-size;\r\n        color: $placeholder-color;\r\n    }\r\n    &:-ms-input-placeholder {\r\n        font-size: $font-size;\r\n        color: $placeholder-color;\r\n    }\r\n    &::-ms-input-placeholder {\r\n        font-size: $font-size;\r\n        color: $placeholder-color;\r\n    }\r\n}\r\n@keyframes explosion {\r\n    0% {box-shadow:0 0 0 $outline-width rgba($focus-color, $hover-alpha), 0 0 0 0 rgba($focus-color, $hover-alpha);}\r\n    15% {box-shadow:0 0 0 $outline-width rgba($focus-color, $hover-alpha * 0.5 + $focus-alpha * 0.5), 0 0 6px 10px rgba($focus-color, $hover-alpha);}\r\n    30% {box-shadow:0 0 0 $outline-width rgba($focus-color, $focus-alpha), 0 0 8px 17px rgba($focus-color, $hover-alpha * 0.5);}\r\n    100% {box-shadow:0 0 0 $outline-width rgba($focus-color, $focus-alpha), 0 0 12px 25px rgba($focus-color, 0);}\r\n}\r\n\r\n%Checkable {\r\n    display: block;\r\n    border: none;\r\n    padding: 0;\r\n    margin: 0;\r\n    box-sizing: border-box;\r\n    outline: none;\r\n    line-height: $line-height;\r\n    max-width: 100%;\r\n    color: $base-color;\r\n    & > input {\r\n        display:block;\r\n        position: absolute;\r\n        opacity: 0;\r\n    }\r\n    & > label {\r\n        display:block;\r\n        background: $base-bgcolor;\r\n        height: $control-height;\r\n        font-size: $font-size;\r\n        box-sizing: border-box;\r\n        @if $plain-components {\r\n            padding: 0 cpd(0) 0 0;\r\n            border-width: 0;\r\n            box-shadow: 0 0 0 $outline-width transparent;\r\n            border-radius: 0;\r\n            line-height: $control-height;\r\n        } @else {\r\n            padding: 0 cpd($item-border-width) + (0.5 * $font-size) 0 cpd($item-border-width);\r\n            border: $control-border-width solid $border-color;\r\n            border-radius: 100px;\r\n            line-height: $control-height - $control-border-width * 2;\r\n        }\r\n        position: relative;\r\n        max-width: 100%;\r\n        overflow: hidden;\r\n        white-space: nowrap;\r\n        margin: 0;\r\n        transition: box-shadow $xshort-duration linear, border-color $xshort-duration linear;\r\n    }\r\n    @if $plain-components {\r\n        & > input.wq-is-invalid + label {\r\n            color: $negative-color;\r\n        }\r\n    } @else {\r\n        & > input.wq-is-invalid + label {\r\n            border-color: $negative-color;\r\n            z-index: 2;  // hard-code-checked\r\n        }\r\n    }\r\n    @media (hover: hover), screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {\r\n        & > label:hover {\r\n            box-shadow: $hover-glow;\r\n            z-index: 10;\r\n        }\r\n    }\r\n}\r\n\r\n%Message {\r\n    display: block;\r\n    color: $negative-color;\r\n    //background: rgba(255, 255, 255, 0.85);\r\n    font-size: $small-font-size;\r\n    line-height: 1;\r\n    font-weight: normal;\r\n    width: auto;\r\n    margin-top: 0 !important;\r\n    max-width: 100%;\r\n    &::before {\r\n        display: inline-block;\r\n        font-family:\"dashicons\";\r\n        content: \"\\f534 \";\r\n        line-height: 1;\r\n        vertical-align: -2px;  // hard-code-checked\r\n        margin-right: 1px;  // hard-code-checked\r\n    }\r\n    &.wq-is-run.wq-for-removed {\r\n        transition: opacity $short-duration linear;\r\n    }\r\n    &.wq-is-removed {\r\n        opacity: 0;\r\n    }\r\n    &.wq-is-run.wq-for-created {\r\n        animation-iteration-count: 1;\r\n        animation: rejection 0.3s;\r\n    }\r\n}\r\n@keyframes rejection {\r\n    0% {transform: translateX($rejection-shift);}\r\n    15% {transform: translateX(-1 * $rejection-shift);}\r\n    30% {transform: translateX(0.5 * $rejection-shift);}\r\n    50% {transform: translateX(-0.5 * $rejection-shift);}\r\n    70% {transform: translateX(0.25 * $rejection-shift);}\r\n    90% {transform: translateX(-0.25 * $rejection-shift);}\r\n}\r\n\r\n\r\n\r\n\r\n.wq-Form .wq-Image {\r\n    @extend %Component;\r\n    background-repeat: no-repeat;\r\n    background-position: center center;\r\n    overflow: hidden;\r\n    &.wq-scaling-center {\r\n        background-image: none !important;\r\n        position: relative;\r\n        & > .wq--img {\r\n            display: block;\r\n            position: relative;\r\n            left: 50%;\r\n            top: 50%;\r\n            transform: translate(-50%, -50%);\r\n            max-width: 100%;\r\n            max-height: 100%;\r\n            width: auto;\r\n            height: auto;\r\n            min-width:1px;\r\n            min-height:1px;\r\n            border: none;\r\n        }\r\n    }\r\n    &.wq-scaling-cover {\r\n        background-size: cover;\r\n        & > .wq--img {\r\n            display: block;\r\n            opacity: 0;\r\n            pointer-events: none;\r\n        }\r\n    }\r\n    &.wq-scaling-contain {\r\n        background-size: contain;\r\n        & > .wq--img {\r\n            display: block;\r\n            opacity: 0;\r\n            pointer-events: none;\r\n        }\r\n    }\r\n    &.wq-belongs-option.wq-belongs-hnavigator {\r\n        width: $option-sp-image-hwidth;\r\n        height: $option-sp-image-height;\r\n        @media screen and (min-width:$option-break-width + 0.001) {\r\n            width: $option-pc-image-hwidth;\r\n            height: $option-pc-image-height;\r\n        }\r\n        @if $option-pad-empty-image {\r\n            &.wq-src-empty {\r\n                display: none;\r\n            }\r\n        }\r\n    }\r\n    &.wq-belongs-option.wq-belongs-wnavigator {\r\n        width: $option-sp-image-wwidth;\r\n        height: $option-sp-image-height;\r\n        @media screen and (min-width:$option-break-width + 0.001) {\r\n            width: $option-pc-image-wwidth;\r\n            height: $option-pc-image-height;\r\n        }\r\n        @if $option-pad-empty-image {\r\n            &.wq-src-empty {\r\n                display: none;\r\n            }\r\n        }\r\n    }\r\n    &.wq-belongs-selector, \r\n    &.wq-belongs-quantity, \r\n    &.wq-belongs-slider {\r\n        width: $item-image-width;\r\n        height: $item-image-height;\r\n        margin-right: $small-padding;\r\n        &.wq-src-empty {\r\n            display: none;\r\n        }\r\n    }\r\n    &.wq-belongs-file {\r\n        width: $file-width - 2 * $control-border-width;\r\n        height: $file-height - 2 * $control-border-width;\r\n    }\r\n}\r\n\r\n@mixin ribbonOblique() {\r\n    display: inline-block;\r\n    position: absolute;\r\n    left: 30px - 90px * 0.5 - $padding;  // hard-code-checked\r\n    top: 30px - 16px * 0.5 - $padding;  // hard-code-checked\r\n    width: 90px;  // hard-code-checked\r\n    text-align: center;\r\n    font-size: 11px;  // hard-code-checked\r\n    font-weight: 400;\r\n    line-height: 16px;  // hard-code-checked\r\n    height: 16px;  // hard-code-checked\r\n    -webkit-transform: rotate(-45deg);  // hard-code-checked\r\n    transform: rotate(-45deg);  // hard-code-checked\r\n    background-color: $ribbon2-bgcolor;\r\n    color: $ribbon2-color;\r\n}\r\n\r\n@mixin ribbonSeal($off) {\r\n    display: block;\r\n    position: absolute;\r\n    width: 40px;  // hard-code-checked\r\n    height: 40px;  // hard-code-checked\r\n    line-height: 40px;  // hard-code-checked\r\n    font-size: 11px;  // hard-code-checked\r\n    text-align: center;\r\n    background: $ribbon1-bgcolor;\r\n    color: $ribbon1-color;\r\n    border-radius: 100px;  // hard-code-checked\r\n    top: $padding + $option-sp-image-height - 40px;  // hard-code-checked\r\n    @media screen and (min-width:$option-break-width + 0.001) {\r\n        top: $padding + $option-pc-image-height - 40px;\r\n    }\r\n    left: $padding - $small-padding + $off * (40px + $small-padding);\r\n}\r\n\r\n.wq-Form .wq-Option {\r\n    @extend %Component;\r\n    @extend %Container;\r\n    position: relative;\r\n    width: $option-sp-image-hwidth + 2 * $padding;\r\n    @media screen and (min-width:$option-break-width + 0.001) {\r\n        width: $option-pc-image-hwidth + 2 * $padding;\r\n    }\r\n    justify-content: center;\r\n    overflow: hidden;\r\n    align-self: stretch;\r\n    & > .wq--input {\r\n        width: 1px;  // hard-code-checked\r\n        height: 1px;  // hard-code-checked\r\n        overflow:hidden;\r\n        position: absolute;\r\n        opacity: 0;\r\n        @if $option-pad-empty-image {\r\n            top: 2 * $padding;\r\n        } @else {\r\n            top: $option-sp-image-height;\r\n            @media screen and (min-width:$option-break-width + 0.001) {\r\n                top: $option-pc-image-height;\r\n            }\r\n        }\r\n        &::before {content: none;}\r\n    }\r\n    & > .wq--select {\r\n        -webkit-appearance: none;\r\n        -moz-appearance: none;\r\n        appearance: none;\r\n        position:absolute;\r\n        display: block;\r\n        box-sizing: border-box;\r\n        font-size: $font-size;\r\n        left: 0;\r\n        top: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        width: 100%;\r\n        height: auto;\r\n        max-width: 1000px;  // hard-code-checked\r\n        max-height: 1000px;  // hard-code-checked\r\n        margin: 0;\r\n        outline: none;\r\n        opacity: 0;\r\n        z-index: 2;  // hard-code-checked\r\n        @media all and (-ms-high-contrast: none) {\r\n            // IE11はselectにheightが効かない。のでプログレッシブにスタイルを適用する。\r\n            &:focus {\r\n                opacity: 1;\r\n                top: auto;\r\n                bottom: 10px;  // hard-code-checked\r\n                right: 10px;  // hard-code-checked\r\n                left: 10px;  // hard-code-checked\r\n                width: calc(100% - 20px);  // hard-code-checked\r\n                outline: auto;\r\n                max-height: auto;\r\n            }\r\n        }\r\n    }\r\n    & > .wq--label {\r\n        @extend %Component;\r\n        display: flex;\r\n        flex-grow: 1;\r\n        flex-shrink: 1;\r\n        flex-basis: 0;\r\n        flex-direction: column;\r\n        padding: $padding;\r\n        max-width: 100%;\r\n        box-sizing: border-box;\r\n        width: 100%;\r\n        overflow: hidden;\r\n        cursor: pointer;\r\n        background: $base-bgcolor;\r\n        transition: background-color $short-duration linear;\r\n        @media (hover: hover), screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {\r\n            &:hover {\r\n                background-color: rgba($focus-color, $hover-alpha);\r\n            }\r\n        }\r\n        & > .wq--media {\r\n            @extend %Container;\r\n            justify-content: center;\r\n            flex: 0 0 auto;\r\n            margin-bottom: $option-gutter;\r\n        }\r\n        & > .wq--main {\r\n            @extend %Container;\r\n            flex-direction: column;\r\n            flex: 1 1 auto;\r\n            max-width: 100%;\r\n            position: relative;\r\n            line-height: $line-height;\r\n            & > .wq--name {\r\n                flex: 0 0 auto;\r\n                flex-grow: 0;\r\n                flex-shrink: 0;\r\n                flex-basis: auto;\r\n                max-width: 100%;\r\n                text-align: $option-name-halign;\r\n            }\r\n            & > .wq--note {\r\n                flex: 1 0 auto;\r\n                flex-grow: 1;\r\n                flex-shrink: 0;\r\n                flex-basis: auto;\r\n                font-size: $small-font-size;\r\n                color: rgba($base-color, $weak-alpha);\r\n                line-height: $narrow-line-height;\r\n                max-width: 100%;\r\n                text-align: $option-note-halign;\r\n            }\r\n            & > .wq--prices {\r\n                max-width: 100%;\r\n                padding: (($font-size * $line-height) - $font-size) * 0.5  0 0;\r\n                line-height: 1;\r\n                text-align: $option-prices-halign;\r\n                & > .wq--normalPrice {\r\n                    @if $option-price-layout == \"inline-strike\" {\r\n                        text-decoration: line-through;\r\n                        padding-right: $small-padding;\r\n                    } @else if $option-price-layout == \"block-strike\" {\r\n                        text-decoration: line-through;\r\n                        display: block;\r\n                    } @else if $option-price-layout == \"weak-arrow\" {\r\n                        color: rgba($base-color, $weak-alpha);\r\n                        &::after {\r\n                            display: inline-block;\r\n                            font-family:\"dashicons\";\r\n                            content: \"\\f344\";\r\n                            line-height: 1;\r\n                            vertical-align: -2px;\r\n                        }\r\n                    }\r\n                }\r\n                & > .wq--price {\r\n                    font-size: $big-font-size;\r\n                    color: $accent-color;\r\n                }\r\n            }\r\n            & > .wq--quantity {\r\n                position: absolute;\r\n                right: 0;\r\n                top: -1 * ($option-gutter + $small-font-size * $line-height);\r\n                font-size: $small-font-size;\r\n                font-weight: bold;\r\n                line-height: $line-height;\r\n                color: $focus-color;\r\n                &::before {\r\n                    content: \"x\";  // TODO\r\n                    display: inline;\r\n                }\r\n            }\r\n        }\r\n        & > .wq--ribbon.wq-ribbon-1 { @include ribbonSeal(0); }\r\n        & > .wq--ribbon.wq-ribbon-2 { @include ribbonOblique(); }\r\n        & > .wq--ribbon.wq-ribbon-3 { @include ribbonSeal(1); }\r\n    }\r\n    @media (hover: hover), screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {\r\n        & > .wq--select:not(:disabled):hover + .wq--label {\r\n            background-color: rgba($focus-color, $hover-alpha);\r\n        }\r\n    }\r\n    & > .wq--select.wq-is-selected + .wq--label,   \r\n    & > .wq--input:checked + .wq--label {\r\n        background: rgba($focus-color, $focus-alpha);\r\n    }\r\n    & > .wq--input:disabled + .wq--label, \r\n    & > .wq--select:disabled + .wq--label {\r\n        opacity: $disabled-alpha;\r\n        pointer-events: none;\r\n    }\r\n    & > .wq-type-checkbox + label::after {\r\n        display: block;\r\n        position: absolute;\r\n        right: 0;\r\n        top: 0;\r\n        content: \"\\f147\";\r\n        font-family:\"dashicons\";\r\n        color: $placeholder-color;\r\n        line-height: 48px;  // hard-code-checked\r\n        box-sizing: border-box;\r\n        font-size: 48px;  // hard-code-checked\r\n    }\r\n    & > .wq-type-checkbox:checked + label::after {\r\n        color: $base-bgcolor;\r\n        @if $animate-on-selection {\r\n            animation: spin 0.3s;\r\n        }\r\n        transform: scale(1.2);  // hard-code-checked\r\n    }\r\n    @if $option-pad-empty-image {\r\n        &.wq-media-empty {\r\n            & > .wq--label {\r\n                & > .wq--media {\r\n                    display: none;\r\n                }\r\n                & > .wq--main {\r\n                    padding: $padding 0;\r\n                    & > .wq--quantity {\r\n                        /*top: -1 * $padding + $small-padding;\r\n                        left: -1 * $padding + $small-padding;\r\n                        right: auto;*/\r\n                        bottom: -1 * $padding + $small-padding;\r\n                        top: auto;\r\n                    }\r\n                }\r\n                &::after {\r\n                    font-size: 32px;\r\n                    line-height: 32px;\r\n                }\r\n                & > .wq--ribbon {\r\n                    display: none;\r\n                }\r\n            }\r\n        }\r\n    }\r\n    &.wq-belongs-wnavigator {\r\n        align-self: stretch;\r\n        min-width: 1px;\r\n        width: auto;\r\n        & > .wq--label {\r\n            flex-direction: row;\r\n            & > .wq--media {\r\n                margin-right: $padding;\r\n                margin-bottom: 0;\r\n            }\r\n            & > .wq--main {\r\n                justify-content: center;\r\n                & > .wq--name {\r\n                    flex: 0 0 auto;\r\n                    flex-grow: 0;\r\n                    flex-shrink: 0;\r\n                    flex-basis: auto;\r\n                    text-align: $option-name-walign;\r\n                    padding-right: $font-size * 1.5;\r\n                }\r\n                & > .wq--note {\r\n                    text-align: $option-note-walign;\r\n                    padding-right: $font-size * 1.5;\r\n                }\r\n                & > .wq--prices {\r\n                    text-align: $option-prices-walign;\r\n                    padding-right: $font-size * 1.5;\r\n                }\r\n                & > .wq--quantity {\r\n                    bottom: 0;\r\n                    top: auto;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n@keyframes spin {\r\n    0% {transform:rotate(0) scale(1); color:$placeholder-color; }\r\n    60% {transform:rotate(375deg) scale(1.2); color:$base-bgcolor; }\r\n    70% {transform:rotate(348deg) scale(1.2); }\r\n    80% {transform:rotate(368deg) scale(1.2); }\r\n    90% {transform:rotate(354deg) scale(1.2); }\r\n    100% {transform:rotate(360deg) scale(1.2); }\r\n}\r\n\r\n.wq-Form .wq-Selector {\r\n    @extend %Item;\r\n    box-sizing: border-box;\r\n    & > .wq--body {\r\n        @extend %Container;\r\n        flex-direction: row;\r\n        @if $hnavi-do-serialize {\r\n            overflow: auto;\r\n        } @else {\r\n            flex-wrap: wrap;\r\n        }\r\n    }\r\n    &.wq-belongs-wnavigator {\r\n        & > .wq--body {\r\n            flex-grow: 1;\r\n            flex-shrink: 1;\r\n            flex-basis: auto;\r\n            flex-direction:column;\r\n            overflow: auto;\r\n            align-self: stretch;\r\n            width: 100%;\r\n            max-width: 100%;\r\n            flex-wrap: nowrap;\r\n        }\r\n    }\r\n    &.wq-belongs-hnavigator {\r\n        &.wq-is-run {\r\n            transition: max-height $short-duration ease-in, opacity $short-duration linear;\r\n            max-height: 300px;  // hard-code-checked\r\n            overflow: hidden;\r\n        }\r\n        &.wq-is-created, &.wq-is-removed {\r\n            max-height: 0;\r\n            opacity: 0;\r\n        }\r\n    }\r\n}\r\n\r\n.wq-Form .wq-Quantity, \r\n.wq-Form .wq-Slider {\r\n    @extend %Item;\r\n    & > .wq--body {\r\n        padding: $padding;\r\n        box-sizing: border-box;\r\n        & .wq--suffix {\r\n            font-size: $font-size;\r\n        }\r\n    }\r\n    &.wq-belongs-wnavigator {\r\n        & > .wq--body {\r\n            flex-grow: 1;\r\n            flex-shrink: 1;\r\n            flex-basis: auto;\r\n            flex-direction:column;\r\n            align-self: stretch;\r\n            width: 100%;\r\n        }\r\n    }\r\n    &.wq-belongs-hnavigator {\r\n        &.wq-is-run {\r\n            transition: max-height $short-duration ease-in, opacity $short-duration linear;\r\n            max-height: 300px;  // hard code checked\r\n            overflow: hidden;\r\n        }\r\n        &.wq-is-created, &.wq-is-removed {\r\n            max-height: 0;\r\n            opacity: 0;\r\n        }\r\n    }\r\n}\r\n\r\n.wq-Form .wq-NavBar {\r\n    &.wq-belongs-hnavigator {\r\n        display: none;\r\n    }\r\n    &.wq-belongs-wnavigator {\r\n        display: flex;\r\n        background: $base-bgcolor;\r\n        color: $base-color;\r\n        & > .wq--progress {\r\n            flex: 1 1 auto;\r\n            display: block;\r\n            & > .wq--min, \r\n            & > .wq--current, \r\n            & > .wq--max, \r\n            & > .wq--percentage {\r\n                display: none;\r\n            }\r\n            & > .wq--bar {\r\n                width: 100%;\r\n                height: $navbar-height;\r\n                padding: 0;\r\n                background-color: $border-color;\r\n                & > .wq--bar-content {\r\n                    height: 100% !important;\r\n                    background-color: $accent-color;\r\n                    transition: width $short-duration ease-in-out;\r\n                }\r\n            }\r\n        }\r\n        & > .wq--summary {\r\n            display: none;\r\n        }\r\n        & > .wq--commands {\r\n            display: none;\r\n        }\r\n    }\r\n}\r\n\r\n.wq-Form .wq-WNavigator {\r\n    order: $navigator-section-order;\r\n    & > .wq--base {\r\n        display: flex;\r\n        height: $wnavi-base-height;\r\n        width: 100%;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n        position: relative;\r\n        font-size: $font-size;\r\n        & .wq--message {\r\n            @extend %Message;\r\n            position: absolute;\r\n            width: 100%;\r\n            text-align: center;\r\n            left: 0;\r\n            top: 0.5 * $wnavi-base-height - (0.5 * $control-height + $small-font-size + $small-padding);\r\n        }\r\n    }\r\n    & > .wq--overlay {\r\n        display: block;\r\n        position: fixed;\r\n        top: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        left: 0;\r\n        overflow: hidden;\r\n        z-index: $wnavi-altitude;\r\n        background: $base-bgcolor;\r\n        &.wq-is-run {\r\n            transition: opacity $medium-duration linear;\r\n            & > .wq--dialog {\r\n                transition: transform $medium-duration linear, opacity $medium-duration linear;\r\n            }\r\n        }\r\n        &.wq-is-created, &.wq-is-removed {\r\n            opacity: 0;\r\n            & > .wq--dialog {\r\n                transform: scale(0.8);  // hard-code-checked\r\n                opacity: 0;\r\n            }\r\n        }\r\n        & > .wq--dialog {\r\n            display: flex;\r\n            flex-direction: column;\r\n            margin: $wnavi-v-margin auto;\r\n            width: $wnavi-width;\r\n            max-width: calc(100% - #{2 * $wnavi-sp-h-margin});\r\n            height: calc(100% - #{2 * $wnavi-v-margin});\r\n            box-sizing: border-box;\r\n            background: $base-bgcolor;\r\n            color: $base-color;\r\n            position: relative;\r\n            overflow: hidden;\r\n            border-top-left-radius: $box-radius;\r\n            border-top-right-radius: $box-radius;\r\n            & > .wq--main {\r\n                flex-shrink: 1;\r\n                flex-grow: 1;\r\n                flex-basis: 100%;\r\n                height: calc(100% - #{$navbar-height});\r\n                width: 100%;\r\n                overflow:hidden;\r\n                position: relative;\r\n                & > .wq--slide {\r\n                    height: 100%;\r\n                    overflow: auto;\r\n                    &.wq-is-run {\r\n                        transition: transform $medium-duration ease-in-out, opacity $medium-duration linear;\r\n                    }\r\n                    &.wq-is-run.wq-for-removed {\r\n                        position: absolute;\r\n                        top: 0;\r\n                        left: 0;\r\n                        width: 100%;\r\n                        overflow: hidden;\r\n                    }\r\n                    &.wq-is-removed {\r\n                        position: absolute;\r\n                        transform: translateX(-120vw);  // hard-code-checked\r\n                        top: 0;\r\n                        left: 0;\r\n                        width: 100%;\r\n                        opacity: 0;\r\n                    }\r\n                    &.wq-is-run.wq-for-created {\r\n                        position: relative;\r\n                        transition-delay: 0.1s;  // hard-code-checked\r\n                    }\r\n                    &.wq-is-created {\r\n                        transform: translateX(120vw);  // hard-code-checked\r\n                        opacity: 0;\r\n                    }\r\n                }\r\n                &.wq-is-flipped {\r\n                    & > .wq--slide.wq-is-removed { transform: translateX(120vw); }  // hard-code-checked\r\n                    & > .wq--slide.wq-is-created { transform: translateX(-120vw); }  // hard-code-checked\r\n                }\r\n            }\r\n            & > .wq--action {\r\n                display: flex;\r\n                flex: 0 0 auto;\r\n                justify-content: flex-end;\r\n                background: $alt-bgcolor;\r\n                padding: $small-padding;\r\n                & > .wq--spacer {\r\n                    flex: 1 1 auto;\r\n                }\r\n                & > *:not(:last-child) {\r\n                    margin-right: $small-padding;\r\n                }\r\n                border: $item-border-width solid $border-color;\r\n                border-top-width: 0;\r\n                border-bottom-left-radius: $box-radius;\r\n                border-bottom-right-radius: $box-radius;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n@mixin showcol($show) {\r\n    @if $show {\r\n        display: block;\r\n    } @else {\r\n        display: none;\r\n    }\r\n}\r\n$moncol-pc-totalWidth: 260;\r\n\r\n.wq-Form .wq-Monitor {\r\n    order: $monitor-section-order;\r\n    font-size: $font-size;\r\n    color: $base-color;\r\n    & > .wq--header {\r\n        background: $base-bgcolor;\r\n        @if $show-monitor-title {\r\n            display: block;\r\n        } @else {\r\n            display: none;\r\n        }\r\n        & > .wq--title {\r\n            font-size: $small-font-size;\r\n            font-weight: bold;\r\n            line-height: $narrow-line-height;\r\n            color: $base-color;\r\n            padding: $padding 0;\r\n        }\r\n        & > .wq--menu {\r\n            display: none;\r\n        }\r\n    }\r\n    & > .wq--entries {\r\n        background: $base-bgcolor;\r\n        border: $item-border-width solid $border-color;\r\n        border-radius: $box-radius;\r\n        border-bottom-right-radius: 0;\r\n        overflow: hidden;\r\n    }\r\n    & > .wq--entries > .wq--entry {\r\n        display: flex;\r\n        align-items: center;\r\n        /*width: 100%;*/\r\n        &.wq-for-header {\r\n            border-bottom: $item-border-width solid $border-color;\r\n            flex-wrap: nowrap;\r\n            font-size: $small-font-size;\r\n        }\r\n        &:nth-child(even) {\r\n            background: $alt-bgcolor;\r\n        }\r\n        & > .wq--prop {\r\n            padding: $padding;\r\n        }\r\n        & > .wq-for-no {\r\n            @include showcol($moncol-pc-show-no);\r\n            flex: 10 10 (10% * 100 / $moncol-pc-totalWidth);\r\n            order: 10;\r\n        }\r\n        &:not(.wq-for-header) > .wq-for-no {\r\n            font-size: $small-font-size;\r\n            color: rgba($base-color, $weak-alpha);\r\n        }\r\n        & > .wq-for-category {\r\n            @include showcol($moncol-pc-show-category);\r\n            flex: 50 50 (50% * 100 / $moncol-pc-totalWidth);\r\n            order: 30;\r\n        }\r\n        &:not(.wq-for-header) > .wq-for-category {\r\n            font-size: $small-font-size;\r\n            color: rgba($base-color, $weak-alpha);\r\n        }\r\n        & > .wq-for-entry {\r\n            flex: 70 70 (70% * 100 / $moncol-pc-totalWidth);\r\n            order: 40;\r\n        }\r\n        &:not(.wq-for-header) > .wq-for-entry {\r\n        }\r\n        & > .wq-for-normalUnitPrice {\r\n            @include showcol($moncol-pc-show-normalUnitPrice);\r\n            flex: 30 30 (30% * 100 / $moncol-pc-totalWidth);\r\n            order: 60;\r\n            text-align: right;\r\n        }\r\n        &:not(.wq-for-header) > .wq-for-normalUnitPrice {\r\n            font-size: $small-font-size;\r\n            color: rgba($base-color, $weak-alpha);\r\n            text-decoration: line-through;\r\n        }\r\n        & > .wq-for-unitPrice {\r\n            @include showcol($moncol-pc-show-unitPrice);\r\n            flex: 30 30 (30% * 100 / $moncol-pc-totalWidth);\r\n            order: 70;\r\n            text-align: right;\r\n        }\r\n        &:not(.wq-for-header) > .wq-for-unitPrice {\r\n            font-size: $small-font-size;\r\n            color: rgba($base-color, $weak-alpha);\r\n        }\r\n        & > .wq-for-quantity {\r\n            @include showcol($moncol-pc-show-quantity);\r\n            flex: 20 20 (20% * 100 / $moncol-pc-totalWidth);\r\n            order: $moncol-pc-order-quantity;\r\n            text-align: right;\r\n            & > .wq--independentDisplay {display: none;}\r\n        }\r\n        &:not(.wq-for-header) > .wq-for-quantity {\r\n        }\r\n        & > .wq-for-price {\r\n            @include showcol($moncol-pc-show-price);\r\n            flex: 30 30 (30% * 100 / $moncol-pc-totalWidth);\r\n            order: 100;\r\n            text-align: right;\r\n        }\r\n        &:not(.wq-for-header) > .wq-for-price {\r\n        }\r\n        & > .wq-for-taxClass {\r\n            @include showcol($moncol-pc-show-taxClass);\r\n            flex: 20 20 (20% * 100 / $moncol-pc-totalWidth);\r\n            text-align: center;\r\n            order: $moncol-pc-order-taxClass;\r\n        }\r\n        &:not(.wq-for-header) > .wq-for-taxClass {\r\n            font-size: $nano-font-size;\r\n        }\r\n        &.wq-is-run {\r\n            transition: max-height $short-duration linear, opacity $short-duration linear;\r\n            max-height: 100px;  // hard-code-checked\r\n            overflow: hidden;\r\n        }\r\n        &.wq-is-created, &.wq-is-removed {\r\n            max-height: 0;\r\n            opacity: 0;\r\n        }\r\n    }\r\n    & > .wq--footer {\r\n        background: $base-bgcolor;\r\n        margin-left: auto;\r\n        //max-width: 20em;  // hard-code-checked\r\n        @if $show-nup-column {\r\n            max-width: 26em;\r\n        } @else {\r\n            max-width: 20em;  // hard-code-checked\r\n        }\r\n        & > .wq--entry {\r\n            border: $item-border-width solid $border-color;\r\n            display: flex;\r\n            align-items: center;\r\n            font-weight: bold;\r\n            & > .wq--prop {\r\n                padding: $padding;\r\n                &.wq-for-name {\r\n                    flex: 1 1 8em;  // hard-code-checked\r\n                    box-sizing: border-box;\r\n                }\r\n                &.wq-for-normalValue {\r\n                    @if $show-nup-column {\r\n                        display: block;\r\n                    } @else {\r\n                        display: none;\r\n                    }\r\n                    text-align: right;\r\n                    flex: 1 1 7em;  // hard-code-checked\r\n                    text-decoration: line-through;\r\n                    overflow: hidden;\r\n                    box-sizing: border-box;\r\n                }\r\n                &.wq-for-value {\r\n                    text-align: right;\r\n                    flex: 1 1 7em;  // hard-code-checked\r\n                    overflow: hidden;\r\n                    //height: calc(1.5em + #{2 * $padding});\r\n                    line-height: 1.5em;\r\n                    box-sizing: border-box;\r\n                    & span {\r\n                        display: inline-block;\r\n                        position: relative;\r\n                        height: 1.5em;  // hard-code-checked\r\n                        max-height: 1.5em;  // hard-code-checked\r\n                        & span {\r\n                            display: block;\r\n                            position: relative;\r\n                            &.wq-is-run {\r\n                                transition: transform $medium-duration ease-in-out;\r\n                            }\r\n                            &.wq-is-run.wq-for-removed {\r\n                                top: 0;\r\n                                position: absolute;\r\n                            }\r\n                            &.wq-is-created {\r\n                                transform: translateY(-4em);  // hard-code-checked\r\n                                opacity: 1;\r\n                            }\r\n                            &.wq-is-removed {\r\n                                top: 0;\r\n                                position: absolute;\r\n                                transform: translateY(4em);  // hard-code-checked\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n            &.wq-for-total {\r\n                border-bottom-left-radius: $box-radius;\r\n                border-bottom-right-radius: $box-radius;\r\n                & > .wq-for-value {\r\n                    font-size: $big-font-size;\r\n                    color: $accent-color;\r\n                }\r\n            }\r\n            &.wq-for-total, \r\n            &.wq-for-tax {\r\n                & > .wq--prop.wq-for-normalValue {\r\n                    display: none;\r\n                }\r\n            }\r\n            &.wq-for-subtotal span {\r\n                transition-delay: 0.2s !important;  // hard-code-checked\r\n            }\r\n            &.wq-for-tax span {\r\n                transition-delay: 0.28s !important;  // hard-code-checked\r\n            }\r\n            &.wq-for-total span {\r\n                transition-delay: 0.36s !important;  // hard-code-checked\r\n            }\r\n        }\r\n    }\r\n}\r\n@media screen and (min-width:$monitor-sb-break-width + 0.001) {\r\n    .wq-Form .wq-Monitor.wq-is-sidebar {\r\n        z-index: $monitor-sb-altitude;\r\n        overflow:hidden;\r\n        display: flex;\r\n        flex-direction: column;\r\n        &.wq-sticks-top {\r\n            position:absolute;\r\n            top: 0;\r\n            bottom:auto;\r\n        }\r\n        &.wq-sticks-bottom {\r\n            position:absolute; \r\n            top:auto; \r\n            bottom: 0;\r\n        }\r\n        &.wq-sticks-screen {\r\n            position:fixed; \r\n            top: $monitor-sb-top-offset;\r\n            bottom:auto;\r\n        }\r\n        @if $sb-show-shadow {\r\n            box-shadow: $shadow2;\r\n        }\r\n        & > .wq--header {\r\n            @if $sb-show-monitor-title {\r\n                display: block;\r\n            } @else {\r\n                display: none;\r\n            }\r\n            & > .wq--title {\r\n                @if $sb-show-shadow {\r\n                    padding-left: $padding;\r\n                    padding-right: $padding;\r\n                }\r\n            }\r\n        }\r\n        .wq--entries {\r\n            @if $sb-show-lines {\r\n                display: flex;\r\n                flex-direction: column;\r\n                overflow: auto;\r\n                flex-grow: 1;\r\n                flex-shrink: 1;\r\n                flex-basis: auto;\r\n                min-height: 1px;\r\n                max-height: $monitor-sb-entries-maxHeight;\r\n                border-bottom-left-radius: 0;\r\n            } @else {\r\n                display: none;\r\n            }\r\n            & > .wq--entry {\r\n                flex-wrap: wrap;\r\n                justify-content: flex-end;\r\n                align-items: flex-end;\r\n                padding: $padding $padding * 0.5;\r\n                & > .wq--prop {\r\n                    line-height: $narrow-line-height;\r\n                    padding: 0 $padding * 0.5;\r\n                    box-sizing: border-box;\r\n                }\r\n                & > .wq-for-no {\r\n                    @include showcol($moncol-sb-show-no);\r\n                    flex: 0 0 auto;\r\n                    order: 10;\r\n                }\r\n                &.wq-for-header > .wq-for-no {\r\n                    display: none;\r\n                }\r\n                &:not(.wq-for-header) > .wq-for-no {\r\n                    font-size: $nano-font-size;\r\n                    color: rgba($base-color, $weak-alpha);\r\n                }\r\n                & > .wq-for-category {\r\n                    @include showcol($moncol-sb-show-category);\r\n                    flex: 1 1 51%;\r\n                    order: 30;\r\n                }\r\n                &.wq-for-header > .wq-for-category {\r\n                    display: none;\r\n                }\r\n                &:not(.wq-for-header) > .wq-for-category {\r\n                    font-size: $nano-font-size;\r\n                    color: rgba($base-color, $weak-alpha);\r\n                }\r\n                & > .wq-for-entry {\r\n                    @if (not $moncol-sb-show-quantity or $moncol-sb-order-quantity == 20) \r\n                        and (not $moncol-sb-show-normalUnitPrice)\r\n                        and (not $moncol-sb-show-unitPrice) \r\n                        and (not $moncol-sb-show-taxClass) \r\n                        and ($moncol-sb-show-price) {\r\n                        flex: 100 100 50%;\r\n                    } @else {\r\n                        flex: 1 1 100%;\r\n                    }\r\n                    order: 40;\r\n                }\r\n                &.wq-for-header > .wq-for-entry {\r\n                    flex: 1 1 50%;\r\n                }\r\n                &:not(.wq-for-header) > .wq-for-entry {\r\n                }\r\n                & > .wq-for-normalUnitPrice {\r\n                    @include showcol($moncol-sb-show-normalUnitPrice);\r\n                    flex: 1 1 50px;\r\n                    order: 60;\r\n                }\r\n                &.wq-for-header > .wq-for-normalUnitPrice {\r\n                    display: none;\r\n                }\r\n                &:not(.wq-for-header) > .wq-for-normalUnitPrice {\r\n                    font-size: $nano-font-size;\r\n                    color: rgba($base-color, $weak-alpha);\r\n                    text-decoration: line-through;\r\n                }\r\n                & > .wq-for-unitPrice {\r\n                    @include showcol($moncol-sb-show-unitPrice);\r\n                    flex: 1 1 50px;\r\n                    order: 70;\r\n                }\r\n                &.wq-for-header > .wq-for-unitPrice {\r\n                    display: none;\r\n                }\r\n                &:not(.wq-for-header) > .wq-for-unitPrice {\r\n                    font-size: $nano-font-size;\r\n                    color: rgba($base-color, $weak-alpha);\r\n                }\r\n                & > .wq-for-quantity {\r\n                    @include showcol($moncol-sb-show-quantity);\r\n                    @if $moncol-sb-order-quantity == 20 {\r\n                        flex: 0 0 auto;\r\n                    } @else {\r\n                        flex: 1 1 30px;\r\n                    }\r\n                    order: $moncol-sb-order-quantity;\r\n                }\r\n                &.wq-for-header > .wq-for-quantity {\r\n                    display: none;\r\n                }\r\n                &:not(.wq-for-header) > .wq-for-quantity {\r\n                    font-size: $nano-font-size;\r\n                    color: rgba($base-color, $weak-alpha);\r\n                    & > .wq--simpleDisplay {display: none;}\r\n                    & > .wq--independentDisplay {display: inline;}\r\n                }\r\n                & > .wq-for-taxClass {\r\n                    @include showcol($moncol-sb-show-taxClass);\r\n                    flex: 1 1 50px;\r\n                    order: 90;\r\n                }\r\n                &.wq-for-header > .wq-for-taxClass {\r\n                    display: none;\r\n                }\r\n                &:not(.wq-for-header) > .wq-for-taxClass {\r\n                    font-size: $nano-font-size;\r\n                    color: rgba($base-color, $weak-alpha);\r\n                }\r\n                & > .wq-for-price {\r\n                    @include showcol($moncol-sb-show-price);\r\n                    flex: 10 10 60px;\r\n                    order: 100;\r\n                    text-align: right;\r\n                }\r\n                &.wq-for-header > .wq-for-price {\r\n                }\r\n                &:not(.wq-for-header) > .wq-for-price {\r\n                }\r\n            }\r\n        }\r\n        > .wq--footer {\r\n            width: 100%;\r\n            flex-grow: 0;\r\n            flex-shrink: 0;\r\n            flex-basis: auto;\r\n            @if not $sb-show-subtotals {\r\n                & > .wq--entry {\r\n                    &.wq-for-subtotal {display: none;}\r\n                    &.wq-for-tax {display: none;}\r\n                }\r\n            }\r\n            & > .wq--entry {\r\n                & > .wq--prop {\r\n                    &.wq-for-name {\r\n                        font-size: $small-font-size;\r\n                        flex-basis: 7em;\r\n                    }\r\n                }\r\n                &.wq-for-subtotal > .wq--prop.wq-for-normalValue {\r\n                    @if $sb-show-nup-column {\r\n                        display: block;\r\n                    } @else {\r\n                        display: none;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n@media screen and (max-width:$monitor-break-width) {\r\n    .wq-Form .wq-Monitor {\r\n        & > .wq--entries {\r\n            & > .wq--entry {\r\n                flex-wrap: wrap;\r\n                justify-content: flex-end;\r\n                align-items: flex-end;\r\n                padding: $padding $padding * 0.5;\r\n                & > .wq--prop {\r\n                    line-height: $narrow-line-height;\r\n                    padding: 0 $padding * 0.5;\r\n                    box-sizing: border-box;\r\n                }\r\n                & > .wq-for-no {\r\n                    @include showcol($moncol-pc-show-no);\r\n                    flex: 0 0 auto;\r\n                    order: 10;\r\n                }\r\n                &.wq-for-header > .wq-for-no {\r\n                    display: none;\r\n                }\r\n                &:not(.wq-for-header) > .wq-for-no {\r\n                    font-size: $nano-font-size;\r\n                    color: rgba($base-color, $weak-alpha);\r\n                }\r\n                & > .wq-for-category {\r\n                    @include showcol($moncol-pc-show-category);\r\n                    flex: 1 1 51%;\r\n                    order: 30;\r\n                }\r\n                &.wq-for-header > .wq-for-category {\r\n                    display: none;\r\n                }\r\n                &:not(.wq-for-header) > .wq-for-category {\r\n                    font-size: $nano-font-size;\r\n                    color: rgba($base-color, $weak-alpha);\r\n                }\r\n                & > .wq-for-entry {\r\n                    @if (not $moncol-pc-show-quantity or $moncol-pc-order-quantity == 20) \r\n                        and (not $moncol-pc-show-normalUnitPrice)\r\n                        and (not $moncol-pc-show-unitPrice) \r\n                        and (not $moncol-pc-show-taxClass) \r\n                        and ($moncol-pc-show-price) {\r\n                        flex: 100 100 50%;\r\n                    } @else {\r\n                        flex: 1 1 100%;\r\n                    }\r\n                    order: 40;\r\n                }\r\n                &.wq-for-header > .wq-for-entry {\r\n                    flex: 1 1 50%;\r\n                }\r\n                &:not(.wq-for-header) > .wq-for-entry {\r\n                }\r\n                & > .wq-for-normalUnitPrice {\r\n                    @include showcol($moncol-pc-show-normalUnitPrice);\r\n                    flex: 1 1 50px;\r\n                    order: 60;\r\n                }\r\n                &.wq-for-header > .wq-for-normalUnitPrice {\r\n                    display: none;\r\n                }\r\n                &:not(.wq-for-header) > .wq-for-normalUnitPrice {\r\n                    font-size: $nano-font-size;\r\n                    color: rgba($base-color, $weak-alpha);\r\n                    text-decoration: line-through;\r\n                }\r\n                & > .wq-for-unitPrice {\r\n                    @include showcol($moncol-pc-show-unitPrice);\r\n                    flex: 1 1 50px;\r\n                    order: 70;\r\n                }\r\n                &.wq-for-header > .wq-for-unitPrice {\r\n                    display: none;\r\n                }\r\n                &:not(.wq-for-header) > .wq-for-unitPrice {\r\n                    font-size: $nano-font-size;\r\n                    color: rgba($base-color, $weak-alpha);\r\n                }\r\n                & > .wq-for-quantity {\r\n                    @include showcol($moncol-pc-show-quantity);\r\n                    @if $moncol-pc-order-quantity == 20 {\r\n                        flex: 0 0 auto;\r\n                    } @else {\r\n                        flex: 1 1 30px;\r\n                    }\r\n                    order: $moncol-pc-order-quantity;\r\n                }\r\n                &.wq-for-header > .wq-for-quantity {\r\n                    display: none;\r\n                }\r\n                &:not(.wq-for-header) > .wq-for-quantity {\r\n                    font-size: $nano-font-size;\r\n                    color: rgba($base-color, $weak-alpha);\r\n                    & > .wq--simpleDisplay {display: none;}\r\n                    & > .wq--independentDisplay {display: inline;}\r\n                }\r\n                & > .wq-for-taxClass {\r\n                    @include showcol($moncol-pc-show-taxClass);\r\n                    flex: 1 1 50px;\r\n                    order: 90;\r\n                }\r\n                &.wq-for-header > .wq-for-taxClass {\r\n                    display: none;\r\n                }\r\n                &:not(.wq-for-header) > .wq-for-taxClass {\r\n                    font-size: $nano-font-size;\r\n                    color: rgba($base-color, $weak-alpha);\r\n                }\r\n                & > .wq-for-price {\r\n                    @include showcol($moncol-pc-show-price);\r\n                    flex: 10 10 60px;\r\n                    order: 100;\r\n                    text-align: right;\r\n                }\r\n                &.wq-for-header > .wq-for-price {\r\n                }\r\n                &:not(.wq-for-header) > .wq-for-price {\r\n                }\r\n            }\r\n        }\r\n        & > .wq--footer {\r\n            & > .wq--entry {\r\n                & > .wq--prop.wq-for-name {\r\n                    font-size: $small-font-size;\r\n                    flex-basis: 7em;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.wq-Form #wq-informer {\r\n    // $monitor-sb-top-offsetをjavascriptに伝えるための定義。\r\n    top: $monitor-sb-top-offset;\r\n}\r\n\r\n.wq-Form .wq-Control {\r\n    display: flex;\r\n    justify-content: flex-start;\r\n    align-items: flex-start;\r\n    font-size: $font-size;\r\n    line-height: $line-height;\r\n    color: $base-color;\r\n    &.wq-for-action {\r\n        order: $action-section-order;\r\n    }\r\n    @if $table-layout {\r\n        &:not(.wq-for-action) {\r\n            border-bottom: $item-border-width solid $border-color;\r\n            &:first-child {\r\n                border-top: $item-border-width solid $border-color;\r\n            }\r\n            & > .wq--header {\r\n                background: $alt-bgcolor;\r\n            }\r\n        }\r\n    }\r\n    & > .wq--header {\r\n        flex: 0 0 auto;\r\n        width: $control-header-width;\r\n        display: flex;\r\n        align-items: flex-start;\r\n        flex-wrap: wrap;\r\n        padding: cpd(-1 * $item-border-width) 0;\r\n        box-sizing: border-box;\r\n        @if $table-layout {\r\n            padding: (cpd(-1 * $item-border-width) + $half-big-padding) $small-padding;\r\n            align-self: stretch;\r\n        }\r\n        & > .wq--label {\r\n            flex: 0 1 auto;\r\n            font-size: $small-font-size;\r\n            line-height: $font-size * $line-height;\r\n            font-weight: bold;\r\n            @if $flip-required {\r\n                order: 2;  // hard-code-checked\r\n            }\r\n        }\r\n        & > .wq--required {\r\n            flex: 0 0 auto;\r\n            font-size: $small-font-size;\r\n            line-height: $font-size * $line-height;\r\n            font-weight: normal;\r\n            @if $fill-required {\r\n                background: $accent-color;\r\n                color: $base-bgcolor;\r\n                border-radius: $control-radius;\r\n                border: none;\r\n                padding: 0 ($nano-font-size * 0.5);  // hard-code-checked\r\n                font-size: $nano-font-size;\r\n            } @else {\r\n                color: $accent-color;\r\n            }\r\n            &.wq-is-optional {\r\n                @if $show-optional {\r\n                    @if $fill-required {\r\n                        @if $table-layout {\r\n                            background: $base-bgcolor;\r\n                        } @else {\r\n                            background: $alt-bgcolor;\r\n                        }\r\n                        color: $base-color;\r\n                    }\r\n                    color: rgba($base-color, $weak-alpha);\r\n                } @else {\r\n                    display: none;\r\n                }\r\n            }\r\n        }\r\n        &.wq-content-empty > .wq--required {\r\n            display: none;\r\n        }\r\n        & > *:not(:last-child) {\r\n            @if $flip-required {\r\n                margin-left: $small-padding;\r\n            } @else {\r\n                margin-right: $small-padding;\r\n            }\r\n        }\r\n    }\r\n    & > .wq--body {\r\n        flex: 1 1 auto;\r\n        position: relative;\r\n        @if $table-layout {\r\n            padding: $half-big-padding $padding;\r\n        }\r\n        & > *:not(:first-child) {\r\n            margin-top: $small-padding;\r\n        }\r\n        & .wq--note {\r\n            display: block;\r\n            font-size: $small-font-size;\r\n            opacity: $weak-alpha;\r\n            margin-top: $small-padding;\r\n            margin-left: $small-padding;\r\n        }\r\n        & > .wq--message {\r\n            @extend %Message;\r\n            position: absolute;\r\n            @if $table-layout {\r\n                top: $half-big-padding - $small-font-size - $small-padding;\r\n                left: $padding;\r\n            } @else {\r\n                left: $small-padding;\r\n                top: - $small-font-size - $small-padding;\r\n            }\r\n        }\r\n    }\r\n    &.wq-is-run.wq-for-removed {\r\n        display: none;  // suppress lifecycle transition\r\n    }\r\n}\r\n@media screen and (max-width:$control-break-width) {\r\n    .wq-Form .wq-Control {\r\n        flex-direction: column;\r\n        & > .wq--header {\r\n            width: 100%;\r\n            padding: 0;\r\n            @if $table-layout {\r\n                padding: $padding;\r\n            } @else {\r\n                margin-bottom: $outline-width;\r\n            }\r\n        }\r\n        & > .wq--header.wq-content-empty {\r\n            display: none;\r\n        }\r\n        & > .wq--body {\r\n            width: 100%;\r\n            @if $table-layout {\r\n                padding: $padding 0 $big-padding;\r\n            }\r\n        }\r\n        & > .wq--body .wq--message {\r\n            left: auto;\r\n            right: $small-padding;\r\n            @if $table-layout {\r\n                top: -1 * $small-font-size * $narrow-line-height + $padding;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.wq-Form .wq-TextInput {\r\n    @extend %TextInput;\r\n    &.wq-size-full {width: 100%;}\r\n    &.wq-size-nano {width:calc(3em + 16px);}  // hard-code-checked\r\n    &.wq-size-mini {width:calc(5em + 16px);}  // hard-code-checked\r\n    &.wq-size-small {width:calc(8em + 16px);}  // hard-code-checked\r\n    &.wq-size-normal {width:calc(13em + 16px);}  // hard-code-checked\r\n}\r\n\r\n.wq-Form .wq-TextArea {\r\n    @extend %TextInput;\r\n    height: 160px;  // 16px * 1.5 * 6 + 16px;  hard-code-checked\r\n    width: 100%;\r\n    &.wq-size-full {height: 256px;}  // 16px * 1.5 * 10 + 16px  hard-code-checked\r\n    &.wq-size-normal {height: 160px; }  // 16px * 1.5 * 6 + 16pxhard-code-checked\r\n    &.wq-size-small {height: 112px; }  // 16px * 1.5 * 4 + 16pxhard-code-checked\r\n    &.wq-size-mini {height: 88px; }  // 16px * 1.5 * 3 + 16pxhard-code-checked\r\n    &.wq-size-nano {height: 64px; }  // 16px * 1.5 * 2 + 16pxhard-code-checked\r\n}\r\n\r\n.wq-Form .wq-InputGroup {\r\n    display: flex;\r\n    justify-content: flex-start;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n    & > *:not(:last-child) {\r\n        margin-right: $small-padding;\r\n    }\r\n}\r\n\r\n.wq-Form .wq-Checkbox {\r\n    @extend %Checkable;\r\n    @if $plain-components {\r\n        position: relative;\r\n        & > label::before {\r\n            width: $font-size * $line-height;\r\n            height: $font-size * $line-height;\r\n            display: inline-block;\r\n            border: $control-border-width solid $border-color;\r\n            content: \"\";\r\n            margin-right: $small-padding;\r\n            border-radius: 0;\r\n            vertical-align: top;\r\n            position: relative;\r\n            top: ($control-height - $font-size * $line-height) / 2;\r\n            box-sizing: border-box;\r\n        }\r\n        & > label::after {\r\n            position: absolute;\r\n            text-align: center;\r\n            width: $font-size * $line-height;\r\n            height: $control-height;\r\n            line-height: $control-height;\r\n            left: 0;\r\n            top: 0;\r\n            content: \"\\f147\";\r\n            font-family:\"dashicons\";\r\n            display: inline-block;\r\n            font-size: $font-size * $line-height;\r\n            vertical-align: middle;\r\n            color: transparent;\r\n            @if $animate-on-selection == false {\r\n                transition: color $short-duration linear;\r\n            }\r\n            box-sizing: border-box;\r\n        }\r\n        & > input:checked + label::after {\r\n            color: $focus-color;\r\n            @if $animate-on-selection {\r\n                animation: spin2 0.3s;  // hard-code-checked\r\n            }\r\n            transform: scale(1.2);  // hard-code-checked\r\n        }\r\n    } @else {\r\n        & > label::before {\r\n            content: \"\\f147\";\r\n            font-family:\"dashicons\";\r\n            color: $placeholder-color;\r\n            line-height: $font-size * $line-height;\r\n            display: inline-block;\r\n            font-size: $font-size * $line-height;\r\n            vertical-align: -25%;  // hard-code-checked\r\n        }\r\n        & > input:checked + label::before {\r\n            color: $focus-color;\r\n            @if $animate-on-selection {\r\n                animation: spin2 0.3s;  // hard-code-checked\r\n            }\r\n            transform: scale(1.2);  // hard-code-checked\r\n        }\r\n    }\r\n}\r\n@keyframes spin2 {\r\n    0% {transform:rotate(0) scale(1); }\r\n    60% {transform:rotate(375deg) scale(1.2); }\r\n    70% {transform:rotate(348deg) scale(1.2); }\r\n    80% {transform:rotate(368deg) scale(1.2); }\r\n    90% {transform:rotate(354deg) scale(1.2); }\r\n    100% {transform:rotate(360deg) scale(1.2); }\r\n}\r\n\r\n.wq-Form .wq-Radio {\r\n    @extend %Checkable;\r\n    @if $plain-components {\r\n        position: relative;\r\n        & > label::before {\r\n            width: $font-size * $line-height;\r\n            height: $font-size * $line-height;\r\n            display: inline-block;\r\n            border: $control-border-width solid $border-color;\r\n            content: \"\";\r\n            margin-right: $small-padding;\r\n            border-radius: 100px;  // hard-code-checked\r\n            vertical-align: top;\r\n            position: relative;\r\n            top: ($control-height - $font-size * $line-height) / 2;\r\n            box-sizing: border-box;\r\n        }\r\n        & > label::after {\r\n            position: absolute;\r\n            text-align: center;\r\n            width: $font-size * $line-height * 0.5 + 0.5px;  // hard-code-checked\r\n            height: $font-size * $line-height * 0.5 + 0.5px;  // hard-code-checked\r\n            left: ($font-size * $line-height - $font-size * $line-height * 0.5) * 0.5;\r\n            top: ($control-height - $font-size * $line-height * 0.5) * 0.5;\r\n            content: \"\";\r\n            border-radius: 100px;  // hard-code-checked\r\n            display: inline-block;\r\n            vertical-align: middle;\r\n            background-color: transparent;\r\n            @if $animate-on-selection == false {\r\n                transition: background-color $short-duration linear;\r\n            }\r\n        }\r\n        & > input:checked + label::after {\r\n            background-color: $focus-color;\r\n            @if $animate-on-selection {\r\n                animation: jump 0.3s;\r\n            }\r\n        }\r\n    } @else {\r\n        & > label::before {\r\n            content: \"\";\r\n            background: $placeholder-color;\r\n            display: inline-block;\r\n            height: $font-size * 0.8;  // hard-code-checked\r\n            width: $font-size * 0.8;  // hard-code-checked\r\n            border-radius: 100px;  // hard-code-checked\r\n            vertical-align: 0;\r\n            margin-right: $small-padding;\r\n        }\r\n        & > input:checked + label::before {\r\n            background: $focus-color;\r\n            @if $animate-on-selection {\r\n                animation: jump 0.3s;\r\n            }\r\n            transform: scale(1.2);\r\n        }\r\n    }\r\n}\r\n@if $plain-components {\r\n    @keyframes jump {\r\n        0% {transform:translateY(0) ; animation-timing-function: ease-out; }\r\n        30% {transform:translateY(-8px); animation-timing-function: ease-in; }\r\n        60% {transform:translateY(0); animation-timing-function: ease-out; }\r\n        75% {transform:translateY(-4px); animation-timing-function: ease-in; }\r\n        90% {transform:translateY(0); animation-timing-function: ease-out; }\r\n        95% {transform:translateY(-2px); animation-timing-function: ease-in; }\r\n        100% {transform:translateY(0); animation-timing-function: ease-in; }\r\n    }\r\n} @else {\r\n    @keyframes jump {\r\n        0% {transform:translateY(0) scale(1); animation-timing-function: ease-out; }\r\n        30% {transform:translateY(-8px) scale(1.1); animation-timing-function: ease-in; }\r\n        60% {transform:translateY(0) scale(1.2); animation-timing-function: ease-out; }\r\n        75% {transform:translateY(-4px) scale(1.2); animation-timing-function: ease-in; }\r\n        90% {transform:translateY(0) scale(1.2); animation-timing-function: ease-out; }\r\n        95% {transform:translateY(-2px) scale(1.2); animation-timing-function: ease-in; }\r\n        100% {transform:translateY(0) scale(1.2); animation-timing-function: ease-in; }\r\n    }\r\n}\r\n\r\n\r\n.wq-Form .wq-Select {\r\n    display: inline-block;\r\n    box-sizing: border-box;\r\n    position: relative;\r\n    margin: 0;\r\n    width: auto;\r\n    & > .wq--input {\r\n        -webkit-appearance: none;\r\n        -moz-appearance: none;\r\n        appearance: none;\r\n        display: block;\r\n        box-sizing: border-box;\r\n        font-size: $font-size;\r\n        color: $base-color;\r\n        line-height: $line-height;\r\n        padding: cpd($control-border-width) (cpd($control-border-width) + $font-size + $small-padding) cpd($control-border-width) cpd($control-border-width);\r\n        border: $control-border-width solid $border-color;\r\n        border-radius: $control-radius;\r\n        margin: 0;\r\n        outline: none;\r\n        height: auto;\r\n        background: $base-bgcolor;\r\n        transition: box-shadow $xshort-duration linear, border-color $xshort-duration linear;\r\n        @media (hover: hover), screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {\r\n            &:hover {\r\n                box-shadow: $hover-glow;\r\n                z-index: 2;  // hard-code-checked\r\n            }\r\n        }\r\n        &:focus {\r\n            box-shadow: $focus-glow;\r\n            border: $control-border-width solid $border-color;\r\n            outline: none;\r\n            @if $animate-on-focus {\r\n                animation: explosion 0.6s;\r\n            }\r\n            z-index: 2;  // hard-code-checked\r\n        }\r\n        &.wq-is-invalid:not(:focus) {\r\n            border-color: $negative-color;\r\n        }\r\n    }\r\n    & > .wq--input::-ms-expand {\r\n        display: none;\r\n    }\r\n    &::after {\r\n        display: block;\r\n        position: absolute;\r\n        right: $small-padding;\r\n        top: cpd($control-border-width);\r\n        content: \"\\f140\";\r\n        font-family: \"dashicons\";\r\n        font-size: $font-size;\r\n        pointer-events: none;\r\n    }\r\n}\r\n\r\n.wq-Form .wq-Range {\r\n    display: flex;\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n    position: relative;\r\n    max-width: 100%;\r\n    // 40 + 20 * x\r\n    &.wq-size-nano { width: 80px; }  // hard-code-checked\r\n    &.wq-size-mini { width: 120px; }  // hard-code-checked\r\n    &.wq-size-small { width: 160px; }  // hard-code-checked\r\n    &.wq-size-medium { width: 240px; }  // hard-code-checked\r\n    &.wq-size-large { width: 360px; }  // hard-code-checked\r\n    &.wq-size-xlarge { width: auto; }\r\n    & > .wq--input {\r\n        -webkit-appearance: none;\r\n        margin: 0 $small-padding;\r\n        padding: $control-height * 0.7 - $thumb-size / 2 $outline-width $control-height * 0.3 - $thumb-size / 2;  // hard-code-checked\r\n        height: $control-height;\r\n        border: none;\r\n        position: relative;\r\n        transition: box-shadow $xshort-duration linear;\r\n        box-sizing: border-box;\r\n        flex-grow: 1;\r\n        flex-shrink: 1;\r\n        flex-basis: auto;\r\n        width: 100%;\r\n        cursor: pointer;\r\n        overflow: visible;\r\n        background-color: inherit;\r\n        @media (hover: none) {\r\n            user-select: none;\r\n            -webkit-user-select: none;\r\n            touch-action: manipulation;\r\n        }\r\n        &:focus {\r\n            outline: none;\r\n        }\r\n        /* WebKit・Blink向け 溝のスタイル */\r\n        &::-webkit-slider-runnable-track {\r\n            width: 100%;\r\n            height: $thumb-size;\r\n            cursor: pointer;\r\n            //animate: 0.2s;\r\n            box-sizing: border-box;\r\n            background: $border-color;\r\n            background-clip: content-box;\r\n            padding: ($thumb-size - $track-height) / 2 0;\r\n            box-shadow: none;\r\n            border-radius: 0;\r\n        }\r\n        /* WebKit・Blink向け つまみのスタイル */\r\n        &::-webkit-slider-thumb {\r\n            border: $control-border-width solid $border-color;\r\n            background-clip: border-box;\r\n            height: $thumb-size;\r\n            width: $thumb-size;\r\n            border-radius: $thumb-size;\r\n            background: $base-bgcolor;\r\n            cursor: pointer;\r\n            -webkit-appearance: none;\r\n            margin-top: ($track-height - $thumb-size) / 2;\r\n            transition: box-shadow $xshort-duration linear;\r\n        }\r\n        @media (hover: hover), screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {\r\n            &:hover::-webkit-slider-thumb {\r\n                box-shadow: $hover-glow;\r\n                z-index: 2;  // hard-code-checked\r\n            }\r\n        }\r\n        /* 何故か上の margin-top 指定が Edge に効いてしまうので、Edge向けに設定をリセット */\r\n        @supports (-ms-ime-align: auto) {\r\n            &::-webkit-slider-thumb {\r\n                margin-top: 0 !important;\r\n            }\r\n            &:hover::-webkit-slider-thumb {\r\n                box-shadow: none;\r\n            }\r\n        }\r\n        /* Firefox向け 溝のスタイル */\r\n        &::-moz-range-track {\r\n            width: 100%;\r\n            height: $thumb-size;\r\n            cursor: pointer;\r\n            //animate: 0.2s;\r\n            box-sizing: border-box;\r\n            background: $border-color;\r\n            background-clip: content-box;\r\n            padding: ($thumb-size - $track-height) / 2 0;\r\n        }\r\n        /* Firefox向け つまみのスタイル */\r\n        &::-moz-range-thumb {\r\n            //box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n            border: $control-border-width solid $border-color;\r\n            background-clip: border-box;\r\n            height: $thumb-size;\r\n            width: $thumb-size;\r\n            border-radius: $thumb-size;\r\n            //background: $primary-button-bgcolor;\r\n            background: $base-bgcolor;\r\n            cursor: pointer;\r\n            transition: box-shadow $xshort-duration linear;\r\n        }\r\n        @media (hover: hover), screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {\r\n            &:hover::-moz-range-thumb {\r\n                box-shadow: $hover-glow;\r\n                z-index: 2;  // hard-code-checked\r\n            }\r\n        }\r\n        /* Edge・IE向け 溝のスタイル */\r\n        &::-ms-track {\r\n            width: 100%;\r\n            height: $thumb-size;\r\n            cursor: pointer;\r\n            animate: 0.2s;\r\n            background: transparent;\r\n            border-color: transparent;\r\n            border-width: ($thumb-size - $track-height) / 2 0;\r\n            color: transparent;\r\n            background-clip: content-box;\r\n            box-sizing: border-box;\r\n            overflow: visible;\r\n            //padding: $outline-width + ($thumb-size - $track-height) / 2 $outline-width;\r\n        }\r\n        /* Edge・IE向け 溝の色（つまみより左側） */\r\n        &::-ms-fill-lower {\r\n            background: $border-color;\r\n            //border: 0.2px solid #010101;\r\n            //border-radius: 2.6px;\r\n            //box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n        }\r\n        /* Edge・IE向け 溝の色（つまみより右側） */\r\n        &::-ms-fill-upper {\r\n            background: $border-color;\r\n            //border: 0.2px solid #010101;\r\n            //border-radius: 2.6px;\r\n            //box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n        }\r\n        /* Edge・IE向け つまみのスタイル */\r\n        &::-ms-thumb {\r\n            //box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\r\n            border: $control-border-width solid $border-color;\r\n            box-sizing: border-box;\r\n            //background-clip: border-box;\r\n            height: $thumb-size;\r\n            width: $thumb-size;\r\n            border-radius: $thumb-size;\r\n            background-color: $base-bgcolor;\r\n            cursor: pointer;\r\n            transition: background-color $xshort-duration linear;\r\n        }\r\n        @media (hover: hover), screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {\r\n            &:hover::-ms-thumb {\r\n                background-color: $focus-color;\r\n            }\r\n        }\r\n        /* Edge・IE向け focus時の色（つまみより左側） */\r\n        //&:focus::-ms-fill-lower {\r\n        //    background: #999999;\r\n        //}\r\n        /* Edge・IE向け focus時の色（つまみより右側） */\r\n        //&:focus::-ms-fill-upper {\r\n        //    background: #999999;\r\n        //}  \r\n        /* Edge・IE向け ポップアップを非表示に */\r\n        &::-ms-tooltip {\r\n            display: none;\r\n        }\r\n    }\r\n    & > .wq--label {\r\n        display: block;\r\n        box-sizing: border-box;\r\n        margin: 0;\r\n        padding: $control-height * 0.7 - ($small-font-size * $line-height) * 0.5 0 $control-height * 0.3 - ($small-font-size * $line-height) * 0.5;\r\n        flex-grow: 0;\r\n        flex-shrink: 0;\r\n        flex-basis: auto;\r\n        font-size: $small-font-size;\r\n        color: rgba($base-color, $weak-alpha);\r\n        align-self: stretch;\r\n    }\r\n    & > .wq--state {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 50%;\r\n        width: 100px;\r\n        font-size: $small-font-size;\r\n        transform: translate(-50%, 0);\r\n        pointer-events: none;\r\n        text-align: center;\r\n        line-height: $narrow-line-height;\r\n        pointer-events: none;\r\n    }\r\n}\r\n\r\n.wq-Form .wq-Echo {\r\n    display: block;\r\n    box-sizing: border-box;\r\n    line-height: $line-height;\r\n    padding: cpd(0) 0;\r\n}\r\n\r\n.wq-Form .wq-FileInput {\r\n    display: block;\r\n    box-sizing: border-box;\r\n    position: relative;\r\n    & > .wq--input {\r\n        position: absolute;\r\n        z-index: -1;\r\n        width: 1px;  // hard-code-checked\r\n        height: 1px;  // hard-code-checked\r\n    }\r\n    & > .wq--label {\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        box-sizing: border-box;\r\n        height: $file-height;\r\n        width: $file-width;\r\n        border: $control-border-width solid $border-color;\r\n        background-color: $button-color;\r\n        color: $base-color;\r\n        margin: 0;\r\n        padding: cpd($control-border-width);\r\n        transition: background-color $xshort-duration linear, border-color $xshort-duration linear;\r\n        overflow: hidden;\r\n        border-radius: $control-radius;\r\n        & > .wq--text {\r\n            flex-grow: 1;\r\n            flex-shrink: 1;\r\n            flex-basis: auto;\r\n            text-align: center;\r\n            color: $base-color;\r\n            font-size: 12px;  // hard-code-checked\r\n            font-weight: normal;\r\n            line-height: $narrow-line-height;\r\n            font-feature-settings: \"palt\";\r\n        }\r\n        &:hover {\r\n            background-color: $hover-button-color;\r\n        }\r\n        &:active {\r\n            background-color: $hover-button-color;\r\n        }\r\n    }\r\n    & > .wq--input:focus + .wq--label {\r\n        background-color: $button-color;\r\n        outline: none;\r\n        z-index: 2;  // hard-code-checked\r\n        color: inherit;\r\n    }\r\n    &.wq-is-invalid > .wq--label {\r\n        border-color: $negative-color;\r\n    }\r\n    &.wq-is-dragging > .wq--label {\r\n        background-color: $hover-button-color;\r\n        animation: 1s linear inhale;  // hard-code-checked\r\n        animation-iteration-count: infinite;\r\n        box-shadow: $hover-glow;\r\n    }\r\n}\r\n\r\n@keyframes inhale {\r\n    0% {box-shadow: $hover-glow;}\r\n    70% {box-shadow: $focus-glow;}\r\n    100% {box-shadow: $hover-glow;}\r\n    //0% {background-color: $button-bgcolor;}\r\n    //10% {background-color: $hover-button-bgcolor;}\r\n    //100% {background-color: $button-bgcolor;}\r\n    //50% {background-color: $button-bgcolor;}\r\n    //50% {background-color: $focus-color;}\r\n    //100% {background-color: $hover-button-bgcolor;}\r\n}\r\n\r\n.wq-Form .wq-File {\r\n    display: flex;\r\n    flex-direction: row;\r\n    justify-content: center;\r\n    align-items: center;\r\n    box-sizing: border-box;\r\n    position: relative;\r\n    height: $file-height;\r\n    width: $file-width;\r\n    border: $control-border-width solid $border-color;\r\n    background: $base-bgcolor;\r\n    color: $base-color;\r\n    margin: 0;\r\n    transition: opacity $short-duration linear;\r\n    border-radius: $control-radius;\r\n    overflow: hidden;\r\n    & > .wq--filename {\r\n        flex-grow: 0;\r\n        flex-shrink: 0;\r\n        flex-basis: $file-width - 2 * $control-border-width;\r\n        max-width: $file-width - 2 * $control-border-width;\r\n        max-height: $file-height - 2 * $control-border-width;\r\n        width: $file-width - 2 * $control-border-width;\r\n        box-sizing: border-box;\r\n        padding: cpd($control-border-width);\r\n        font-size: $small-font-size;\r\n        line-height: $narrow-line-height;\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n        word-break: break-all;\r\n    }\r\n    &.wq-is-viewable > .wq--filename { display:none; }\r\n    &.wq-is-loading > .wq--filename {\r\n        animation: 1s linear blink;  // hard-code-checked\r\n        animation-iteration-count: infinite;\r\n    }\r\n    & > .wq--actions {\r\n        position: absolute;\r\n        display:flex;\r\n        right: -1 * $outline-width;\r\n        top: -1 * $outline-width;\r\n        z-index: 10;  // hard-code-checked\r\n    }\r\n    &.wq-is-run {\r\n        transition: opacity $short-duration linear;\r\n    }\r\n    &.wq-is-created, &.wq-is-removed {\r\n        opacity: 0;\r\n    }\r\n}\r\n\r\n@keyframes blink {\r\n    0% { opacity: 0; }\r\n    33% { opacity: 0.5; }\r\n    67% { opacity: 0.5; }\r\n    100% { opacity: 0; }\r\n}\r\n\r\n.wq-Form .wq-Button, .wq-Dialog .wq-Button {\r\n    display: block;\r\n    border: $control-border-width solid $border-color;\r\n    background-color: $button-color;\r\n    padding: cpd($control-border-width) cpd($control-border-width) + (0.5 * $font-size);\r\n    margin: 0;\r\n    box-sizing: border-box;\r\n    outline: none;\r\n    line-height: $line-height;\r\n    max-width: 100%;\r\n    background-clip: border-box;\r\n    font-size: $font-size;\r\n    font-weight: normal;\r\n    border-radius: $control-radius;\r\n    outline: none;\r\n    color: inherit;\r\n    text-align: center;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    position: relative;\r\n    text-decoration: none;\r\n    transition: box-shadow $xshort-duration linear, background-color $xshort-duration linear, background-image $xshort-duration, opacity $xshort-duration linear;\r\n    @if $raise-button {\r\n        box-shadow: $shadow1;\r\n    }\r\n    @if $bend-button {\r\n        background-image: bend($button-color);\r\n    }\r\n    &:disabled {\r\n        opacity: $disabled-alpha;\r\n        pointer-events: none;\r\n    }\r\n    &:not(:hover):not(:active) {\r\n        background-color: $button-color;\r\n        @if $bend-button {\r\n            background-image: bend($button-color);\r\n        }\r\n        color: inherit;\r\n    }\r\n    @media (hover: hover), screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {\r\n        &:hover {\r\n            color: inherit;\r\n            background-color: $hover-button-color;\r\n            @if $bend-button {\r\n                background-image: bend($hover-button-color);\r\n            }\r\n        }\r\n    }\r\n    &:focus {\r\n        @if $raise-button {\r\n            box-shadow: $focus-glow, $shadow1;\r\n        } @else {\r\n            box-shadow: $focus-glow;\r\n        }\r\n        background-color: $button-color;\r\n        @if $bend-button {\r\n            background-image: bend($button-color);\r\n        }\r\n        outline: none;\r\n        z-index: 2;  // hard-code-checked\r\n        color: inherit;\r\n    }\r\n    &:active {\r\n        background-color: $hover-button-color;\r\n        @if $bend-button {\r\n            background-image: bend($hover-button-color);\r\n        }\r\n        color: inherit;\r\n    }\r\n    &.wq-type-primary {\r\n        background-color: $primary-button-color;\r\n        @if $bend-button {\r\n            background-image: bend($primary-button-color);\r\n        }\r\n        color: $base-bgcolor;\r\n        padding-left: cpd($control-border-width) + $font-size;\r\n        padding-right: cpd($control-border-width) + $font-size;\r\n        min-width: $min-primary-button-width;\r\n        &:not(:hover):not(:active) {\r\n            background-color: $primary-button-color;\r\n            color: $base-bgcolor;\r\n            @if $bend-button {\r\n                background-image: bend($primary-button-color);\r\n            }\r\n        }\r\n        @media (hover: hover), screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {\r\n            &:hover {\r\n                background-color: $hover-primary-button-color;\r\n                @if $bend-button {\r\n                    background-image: bend($hover-primary-button-color);\r\n                }\r\n            }\r\n        }\r\n        &:focus {\r\n            background-color: $primary-button-color;\r\n            @if $bend-button {\r\n                background-image: bend($primary-button-color);\r\n            }\r\n        }\r\n        &:active {\r\n            background-color: $hover-primary-button-color;\r\n            @if $bend-button {\r\n                background-image: bend($hover-primary-button-color);\r\n            }\r\n        }\r\n    }\r\n    &.wq-for-closewizard {\r\n        border-color: transparent;\r\n        background-color: transparent;\r\n        box-shadow: none;\r\n        &:not(:hover):not(:active) {\r\n            background-color: transparent;\r\n            background-image: none;\r\n        }\r\n        @media (hover: hover), screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {\r\n            &:hover {\r\n                background-color: $hover-button-color;\r\n                background-image: none;\r\n            }\r\n        }\r\n        &:focus {\r\n            background-color: transparent;\r\n            background-image: none;\r\n        }\r\n    }\r\n    &.wq-for-forwardwizard::after {\r\n        display: inline-block;\r\n        font-family:\"dashicons\";\r\n        vertical-align: top;\r\n        margin-left: $small-padding;\r\n        content: \"\\f345\";\r\n    }\r\n    &.wq-for-backwizard::before, \r\n    &.wq-for-back::before {\r\n        display: inline-block;\r\n        font-family:\"dashicons\";\r\n        vertical-align: top;\r\n        margin-right: $small-padding;\r\n        content: \"\\f341\";\r\n    }\r\n    &.wq-for-link {\r\n        background-color: $primary-button-color;\r\n        @if $bend-button {\r\n            background-image: bend($primary-button-color);\r\n        }\r\n        color: $base-bgcolor;\r\n        &:not(:hover):not(:active) {\r\n            background-color: $primary-button-color;\r\n            @if $bend-button {\r\n                background-image: bend($primary-button-color);\r\n            }\r\n            color: $base-bgcolor;\r\n        }\r\n        @media (hover: hover), screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {\r\n            &:hover {\r\n                background-color: $hover-primary-button-color;\r\n                @if $bend-button {\r\n                    background-image: bend($hover-primary-button-color);\r\n                }\r\n            }\r\n        }\r\n        &:focus {\r\n            background-color: $primary-button-color;\r\n            @if $bend-button {\r\n                background-image: bend($primary-button-color);\r\n            }\r\n        }\r\n        &:active {\r\n            background-color: $hover-primary-button-color;\r\n            @if $bend-button {\r\n                background-image: bend($hover-primary-button-color);\r\n            }\r\n        }\r\n    }\r\n    &.wq-belongs-file.wq-for-delete {\r\n        padding-left: 0;\r\n        padding-right: 0;\r\n        border-width: 0;\r\n        background-color: transparent;\r\n        background-image: none;\r\n        height: $control-height;\r\n        width: $control-height;\r\n        &::before {\r\n            display: inline-block;\r\n            font-family:\"dashicons\";\r\n            vertical-align: middle;\r\n            content: \"\\f335\";\r\n            height: $control-height / 2;\r\n            width: $control-height / 2;\r\n            line-height: $control-height / 2;\r\n            background-color: $button-color;\r\n            background-image: none;\r\n            color: $base-color;\r\n            border-radius: 100px;  // hard-code-checked\r\n            font-size: $small-font-size;\r\n            transition: background-color $short-duration linear;\r\n        }\r\n        &:hover {\r\n            background-color: transparent;\r\n            background-image: none;\r\n            &::before {\r\n                background-color: $hover-button-color;\r\n                background-image: none;\r\n            }\r\n        }\r\n        &:focus {\r\n            box-shadow: none;\r\n            background-image: none;\r\n            &::before {\r\n                box-shadow: $focus-glow;\r\n                background-image: none;\r\n            }\r\n        }\r\n    }\r\n}\r\n@media screen and (max-width:$control-break-width) {\r\n    .wq-Form .wq-Button.wq-type-primary {\r\n        width: 100%;\r\n    }\r\n}\r\n\r\n.wq-Form .wq-HNavigator {\r\n    order: $navigator-section-order;\r\n    & > .wq--items {\r\n        & > *:not(:last-child) {\r\n            margin-bottom: $big-padding;\r\n        }\r\n    }\r\n}\r\n\r\n.wq-Form .wq-Attributes {\r\n    order: $attributes-section-order;\r\n    & > *:not(:last-child) {\r\n        @if $table-layout == false {\r\n            margin-bottom: $big-padding;\r\n        }\r\n    }\r\n}\r\n\r\n.wq-Form {\r\n    background-color: $base-bgcolor;\r\n    color: $base-color;\r\n    padding: $form-padding;\r\n    position: relative;\r\n    display: flex;\r\n    flex-direction: column;\r\n    & > .wq--lead {\r\n        order: $lead-section-order;\r\n        & > .wq--leadText {\r\n            margin: 0;\r\n            font-size: $font-size;\r\n            line-height: $line-height;\r\n        }\r\n    }\r\n    & > *:not(:last-child) {\r\n        margin-bottom: $xbig-padding;\r\n    }\r\n}\r\n\r\n.wq-Dialog {\r\n    display: none;\r\n    position: fixed;\r\n    top: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    padding: 0;\r\n    margin: 0 !important;\r\n    max-width: none !important;\r\n    max-height: none !important;\r\n    background-color: rgba($base-color, $disabled-alpha);\r\n    transition: opacity $short-duration linear;\r\n    opacity: 0;\r\n    z-index: $dialog-altitude;\r\n    & > .wq--frame {\r\n        display: block;\r\n        box-shadow: $shadow2;\r\n        background-color: $base-bgcolor;\r\n        color: $base-color;\r\n        position: absolute;\r\n        top: $dialog-v-margin;\r\n        left: 0;\r\n        right: 0;\r\n        margin: auto;\r\n        font-size: $font-size;\r\n        width: $dialog-width;\r\n        max-width: $dialog-max-width;\r\n        transition: transform $short-duration ease-out, opacity $medium-duration linear;\r\n        transform: translateY(10vh);  // hard-code-checked\r\n        opacity: 0;\r\n        & > .wq--message {\r\n            padding: $padding;\r\n            margin: 0;\r\n            color: $base-color;\r\n            line-height: $line-height;\r\n            font-size: $font-size;\r\n        }\r\n        & > .wq--actions {\r\n            padding: $padding;\r\n            display: flex;\r\n            flex-direction: row;\r\n            justify-content: flex-end;\r\n            & > * {\r\n                margin-left: $small-padding;\r\n            }\r\n        }\r\n    }\r\n    &.wq-is-shown {\r\n        display: block;\r\n        opacity: 1;\r\n        & > .wq--frame {\r\n            transform: translateY(0);\r\n            opacity: 1;\r\n        }\r\n    }\r\n}","@charset \"UTF-8\";\n/* COLOR */\n/* SPACE */\n/* COMMON PROPS */\n/* COMMON COMPONENTS */\n/* DETAILS */\n/* ATTRS */\n/* MONITOR */\n/* SIDEBAR MONITOR */\n/*\n * To force re-rendering on changing disabled attribute on Edge.\n */\n[disabled] ~ _ {\n  font-weight: inherit;\n}\n\n/*\n * This class is added to body when a modal dialog is displayed.\n */\n.wq-x-suspended,\n.wq-x-suspended body {\n  overflow: hidden;\n}\n\n/*\n * padding for controls\n */\n.wq-Form .wq-Option > .wq--label, .wq-Form .wq-Option, .wq-Form .wq-Image {\n  display: block;\n  flex: 0 0 auto;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  height: auto;\n  box-sizing: border-box;\n  font-size: 16px;\n}\n\n.wq-Form .wq-Selector > .wq--body, .wq-Form .wq-Option > .wq--label > .wq--main, .wq-Form .wq-Option > .wq--label > .wq--media, .wq-Form .wq-Option, .wq-Form .wq-Quantity > .wq--head > .wq--media,\n.wq-Form .wq-Slider > .wq--head > .wq--media, .wq-Form .wq-Selector > .wq--head > .wq--media {\n  display: flex;\n  justify-content: flex-start;\n  flex-wrap: nowrap;\n  align-items: stretch;\n}\n\n.wq-Form .wq-Quantity,\n.wq-Form .wq-Slider, .wq-Form .wq-Selector {\n  display: flex;\n  flex-direction: column;\n  border: 1px solid rgba(18, 18, 18, 0.26);\n}\n.wq-Form .wq-Quantity > .wq--head,\n.wq-Form .wq-Slider > .wq--head, .wq-Form .wq-Selector > .wq--head {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding: 10px;\n  border-bottom: 1px solid rgba(18, 18, 18, 0.26);\n  background-color: #f0f0f0;\n  position: relative;\n  font-size: 16px;\n  color: #121212;\n}\n.wq-Form .wq-Quantity > .wq--head > .wq--main,\n.wq-Form .wq-Slider > .wq--head > .wq--main, .wq-Form .wq-Selector > .wq--head > .wq--main {\n  display: flex;\n  flex-direction: column;\n  flex-shrink: 1;\n  flex-grow: 1;\n  flex-basis: auto;\n  width: 100%;\n}\n.wq-Form .wq-Quantity > .wq--head > .wq--main > .wq--note,\n.wq-Form .wq-Slider > .wq--head > .wq--main > .wq--note, .wq-Form .wq-Selector > .wq--head > .wq--main > .wq--note {\n  font-size: 14px;\n  color: rgba(18, 18, 18, 0.6);\n  line-height: 1.3;\n}\n.wq-Form .wq-Quantity > .wq--head > .wq--message,\n.wq-Form .wq-Slider > .wq--head > .wq--message, .wq-Form .wq-Selector > .wq--head > .wq--message {\n  top: 10px;\n  right: 10px;\n  position: absolute;\n  background: transparent;\n}\n.wq-Form .wq-is-invalid.wq-Quantity,\n.wq-Form .wq-is-invalid.wq-Slider, .wq-Form .wq-is-invalid.wq-Selector {\n  border-color: #dd4522;\n}\n.wq-Form .wq-belongs-hnavigator.wq-Quantity,\n.wq-Form .wq-belongs-hnavigator.wq-Slider, .wq-Form .wq-belongs-hnavigator.wq-Selector {\n  border-radius: 0;\n  overflow: hidden;\n}\n.wq-Form .wq-belongs-wnavigator.wq-Quantity,\n.wq-Form .wq-belongs-wnavigator.wq-Slider, .wq-Form .wq-belongs-wnavigator.wq-Selector {\n  box-sizing: border-box;\n  height: 100%;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n}\n.wq-Form .wq-belongs-wnavigator.wq-Quantity > .wq--head,\n.wq-Form .wq-belongs-wnavigator.wq-Slider > .wq--head, .wq-Form .wq-belongs-wnavigator.wq-Selector > .wq--head {\n  flex: 0 0 auto;\n}\n\n.wq-Form .wq-TextArea, .wq-Form .wq-TextInput {\n  display: block;\n  border: 1px solid rgba(18, 18, 18, 0.26);\n  background: white;\n  color: #121212;\n  padding: 7px 7px;\n  height: auto;\n  margin: 0;\n  box-sizing: border-box;\n  outline: none;\n  border-radius: 0;\n  line-height: 1.5;\n  max-width: 100%;\n  position: relative;\n  font-size: 16px;\n  transition: box-shadow 0.1s linear, border-color 0.1s linear;\n}\n@media (hover: hover), screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {\n  .wq-Form .wq-TextArea:hover, .wq-Form .wq-TextInput:hover {\n    box-shadow: 0 0 0 4px rgba(235, 66, 102, 0.2);\n    z-index: 2;\n  }\n}\n.wq-Form .wq-TextArea:focus, .wq-Form .wq-TextInput:focus {\n  box-shadow: 0 0 0 4px rgba(235, 66, 102, 0.4);\n  border: 1px solid rgba(18, 18, 18, 0.26);\n  outline: none;\n  z-index: 2;\n  animation: explosion 0.6s;\n}\n.wq-Form .wq-is-invalid.wq-TextArea:not(:focus), .wq-Form .wq-is-invalid.wq-TextInput:not(:focus) {\n  border-color: #dd4522;\n}\n.wq-Form .wq-TextArea::placeholder, .wq-Form .wq-TextInput::placeholder {\n  font-size: 16px;\n  color: rgba(18, 18, 18, 0.35);\n}\n.wq-Form .wq-TextArea:-ms-input-placeholder, .wq-Form .wq-TextInput:-ms-input-placeholder {\n  font-size: 16px;\n  color: rgba(18, 18, 18, 0.35);\n}\n.wq-Form .wq-TextArea::-ms-input-placeholder, .wq-Form .wq-TextInput::-ms-input-placeholder {\n  font-size: 16px;\n  color: rgba(18, 18, 18, 0.35);\n}\n\n@keyframes explosion {\n  0% {\n    box-shadow: 0 0 0 4px rgba(235, 66, 102, 0.2), 0 0 0 0 rgba(235, 66, 102, 0.2);\n  }\n  15% {\n    box-shadow: 0 0 0 4px rgba(235, 66, 102, 0.3), 0 0 6px 10px rgba(235, 66, 102, 0.2);\n  }\n  30% {\n    box-shadow: 0 0 0 4px rgba(235, 66, 102, 0.4), 0 0 8px 17px rgba(235, 66, 102, 0.1);\n  }\n  100% {\n    box-shadow: 0 0 0 4px rgba(235, 66, 102, 0.4), 0 0 12px 25px rgba(235, 66, 102, 0);\n  }\n}\n.wq-Form .wq-Radio, .wq-Form .wq-Checkbox {\n  display: block;\n  border: none;\n  padding: 0;\n  margin: 0;\n  box-sizing: border-box;\n  outline: none;\n  line-height: 1.5;\n  max-width: 100%;\n  color: #121212;\n}\n.wq-Form .wq-Radio > input, .wq-Form .wq-Checkbox > input {\n  display: block;\n  position: absolute;\n  opacity: 0;\n}\n.wq-Form .wq-Radio > label, .wq-Form .wq-Checkbox > label {\n  display: block;\n  background: white;\n  height: 40px;\n  font-size: 16px;\n  box-sizing: border-box;\n  padding: 0 15px 0 7px;\n  border: 1px solid rgba(18, 18, 18, 0.26);\n  border-radius: 100px;\n  line-height: 38px;\n  position: relative;\n  max-width: 100%;\n  overflow: hidden;\n  white-space: nowrap;\n  margin: 0;\n  transition: box-shadow 0.1s linear, border-color 0.1s linear;\n}\n.wq-Form .wq-Radio > input.wq-is-invalid + label, .wq-Form .wq-Checkbox > input.wq-is-invalid + label {\n  border-color: #dd4522;\n  z-index: 2;\n}\n@media (hover: hover), screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {\n  .wq-Form .wq-Radio > label:hover, .wq-Form .wq-Checkbox > label:hover {\n    box-shadow: 0 0 0 4px rgba(235, 66, 102, 0.2);\n    z-index: 10;\n  }\n}\n\n.wq-Form .wq-Control > .wq--body > .wq--message, .wq-Form .wq-WNavigator > .wq--base .wq--message, .wq-Form .wq-Quantity > .wq--head > .wq--message,\n.wq-Form .wq-Slider > .wq--head > .wq--message, .wq-Form .wq-Selector > .wq--head > .wq--message {\n  display: block;\n  color: #dd4522;\n  font-size: 14px;\n  line-height: 1;\n  font-weight: normal;\n  width: auto;\n  margin-top: 0 !important;\n  max-width: 100%;\n}\n.wq-Form .wq-Control > .wq--body > .wq--message::before, .wq-Form .wq-WNavigator > .wq--base .wq--message::before, .wq-Form .wq-Quantity > .wq--head > .wq--message::before,\n.wq-Form .wq-Slider > .wq--head > .wq--message::before, .wq-Form .wq-Selector > .wq--head > .wq--message::before {\n  display: inline-block;\n  font-family: \"dashicons\";\n  content: \"\";\n  line-height: 1;\n  vertical-align: -2px;\n  margin-right: 1px;\n}\n.wq-Form .wq-Control > .wq--body > .wq-is-run.wq-for-removed.wq--message, .wq-Form .wq-WNavigator > .wq--base .wq-is-run.wq-for-removed.wq--message, .wq-Form .wq-Quantity > .wq--head > .wq-is-run.wq-for-removed.wq--message,\n.wq-Form .wq-Slider > .wq--head > .wq-is-run.wq-for-removed.wq--message, .wq-Form .wq-Selector > .wq--head > .wq-is-run.wq-for-removed.wq--message {\n  transition: opacity 0.2s linear;\n}\n.wq-Form .wq-Control > .wq--body > .wq-is-removed.wq--message, .wq-Form .wq-WNavigator > .wq--base .wq-is-removed.wq--message, .wq-Form .wq-Quantity > .wq--head > .wq-is-removed.wq--message,\n.wq-Form .wq-Slider > .wq--head > .wq-is-removed.wq--message, .wq-Form .wq-Selector > .wq--head > .wq-is-removed.wq--message {\n  opacity: 0;\n}\n.wq-Form .wq-Control > .wq--body > .wq-is-run.wq-for-created.wq--message, .wq-Form .wq-WNavigator > .wq--base .wq-is-run.wq-for-created.wq--message, .wq-Form .wq-Quantity > .wq--head > .wq-is-run.wq-for-created.wq--message,\n.wq-Form .wq-Slider > .wq--head > .wq-is-run.wq-for-created.wq--message, .wq-Form .wq-Selector > .wq--head > .wq-is-run.wq-for-created.wq--message {\n  animation-iteration-count: 1;\n  animation: rejection 0.3s;\n}\n\n@keyframes rejection {\n  0% {\n    transform: translateX(0.25em);\n  }\n  15% {\n    transform: translateX(-0.25em);\n  }\n  30% {\n    transform: translateX(0.125em);\n  }\n  50% {\n    transform: translateX(-0.125em);\n  }\n  70% {\n    transform: translateX(0.0625em);\n  }\n  90% {\n    transform: translateX(-0.0625em);\n  }\n}\n.wq-Form .wq-Image {\n  background-repeat: no-repeat;\n  background-position: center center;\n  overflow: hidden;\n}\n.wq-Form .wq-Image.wq-scaling-center {\n  background-image: none !important;\n  position: relative;\n}\n.wq-Form .wq-Image.wq-scaling-center > .wq--img {\n  display: block;\n  position: relative;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  max-width: 100%;\n  max-height: 100%;\n  width: auto;\n  height: auto;\n  min-width: 1px;\n  min-height: 1px;\n  border: none;\n}\n.wq-Form .wq-Image.wq-scaling-cover {\n  background-size: cover;\n}\n.wq-Form .wq-Image.wq-scaling-cover > .wq--img {\n  display: block;\n  opacity: 0;\n  pointer-events: none;\n}\n.wq-Form .wq-Image.wq-scaling-contain {\n  background-size: contain;\n}\n.wq-Form .wq-Image.wq-scaling-contain > .wq--img {\n  display: block;\n  opacity: 0;\n  pointer-events: none;\n}\n.wq-Form .wq-Image.wq-belongs-option.wq-belongs-hnavigator {\n  width: 130px;\n  height: 100px;\n}\n@media screen and (min-width: 782.001px) {\n  .wq-Form .wq-Image.wq-belongs-option.wq-belongs-hnavigator {\n    width: 130px;\n    height: 100px;\n  }\n}\n.wq-Form .wq-Image.wq-belongs-option.wq-belongs-wnavigator {\n  width: 100px;\n  height: 100px;\n}\n@media screen and (min-width: 782.001px) {\n  .wq-Form .wq-Image.wq-belongs-option.wq-belongs-wnavigator {\n    width: 100px;\n    height: 100px;\n  }\n}\n.wq-Form .wq-Image.wq-belongs-selector, .wq-Form .wq-Image.wq-belongs-quantity, .wq-Form .wq-Image.wq-belongs-slider {\n  width: 30px;\n  height: 30px;\n  margin-right: 4px;\n}\n.wq-Form .wq-Image.wq-belongs-selector.wq-src-empty, .wq-Form .wq-Image.wq-belongs-quantity.wq-src-empty, .wq-Form .wq-Image.wq-belongs-slider.wq-src-empty {\n  display: none;\n}\n.wq-Form .wq-Image.wq-belongs-file {\n  width: 78px;\n  height: 78px;\n}\n\n.wq-Form .wq-Option {\n  position: relative;\n  width: 150px;\n  justify-content: center;\n  overflow: hidden;\n  align-self: stretch;\n}\n@media screen and (min-width: 782.001px) {\n  .wq-Form .wq-Option {\n    width: 150px;\n  }\n}\n.wq-Form .wq-Option > .wq--input {\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  opacity: 0;\n  top: 100px;\n}\n@media screen and (min-width: 782.001px) {\n  .wq-Form .wq-Option > .wq--input {\n    top: 100px;\n  }\n}\n.wq-Form .wq-Option > .wq--input::before {\n  content: none;\n}\n.wq-Form .wq-Option > .wq--select {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  position: absolute;\n  display: block;\n  box-sizing: border-box;\n  font-size: 16px;\n  left: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  width: 100%;\n  height: auto;\n  max-width: 1000px;\n  max-height: 1000px;\n  margin: 0;\n  outline: none;\n  opacity: 0;\n  z-index: 2;\n}\n@media all and (-ms-high-contrast: none) {\n  .wq-Form .wq-Option > .wq--select:focus {\n    opacity: 1;\n    top: auto;\n    bottom: 10px;\n    right: 10px;\n    left: 10px;\n    width: calc(100% - 20px);\n    outline: auto;\n    max-height: auto;\n  }\n}\n.wq-Form .wq-Option > .wq--label {\n  display: flex;\n  flex-grow: 1;\n  flex-shrink: 1;\n  flex-basis: 0;\n  flex-direction: column;\n  padding: 10px;\n  max-width: 100%;\n  box-sizing: border-box;\n  width: 100%;\n  overflow: hidden;\n  cursor: pointer;\n  background: white;\n  transition: background-color 0.2s linear;\n}\n@media (hover: hover), screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {\n  .wq-Form .wq-Option > .wq--label:hover {\n    background-color: rgba(235, 66, 102, 0.2);\n  }\n}\n.wq-Form .wq-Option > .wq--label > .wq--media {\n  justify-content: center;\n  flex: 0 0 auto;\n  margin-bottom: 6px;\n}\n.wq-Form .wq-Option > .wq--label > .wq--main {\n  flex-direction: column;\n  flex: 1 1 auto;\n  max-width: 100%;\n  position: relative;\n  line-height: 1.5;\n}\n.wq-Form .wq-Option > .wq--label > .wq--main > .wq--name {\n  flex: 0 0 auto;\n  flex-grow: 0;\n  flex-shrink: 0;\n  flex-basis: auto;\n  max-width: 100%;\n  text-align: center;\n}\n.wq-Form .wq-Option > .wq--label > .wq--main > .wq--note {\n  flex: 1 0 auto;\n  flex-grow: 1;\n  flex-shrink: 0;\n  flex-basis: auto;\n  font-size: 14px;\n  color: rgba(18, 18, 18, 0.6);\n  line-height: 1.3;\n  max-width: 100%;\n  text-align: center;\n}\n.wq-Form .wq-Option > .wq--label > .wq--main > .wq--prices {\n  max-width: 100%;\n  padding: 4px 0 0;\n  line-height: 1;\n  text-align: center;\n}\n.wq-Form .wq-Option > .wq--label > .wq--main > .wq--prices > .wq--normalPrice {\n  text-decoration: line-through;\n  padding-right: 4px;\n}\n.wq-Form .wq-Option > .wq--label > .wq--main > .wq--prices > .wq--price {\n  font-size: 20px;\n  color: #eb4266;\n}\n.wq-Form .wq-Option > .wq--label > .wq--main > .wq--quantity {\n  position: absolute;\n  right: 0;\n  top: -27px;\n  font-size: 14px;\n  font-weight: bold;\n  line-height: 1.5;\n  color: #eb4266;\n}\n.wq-Form .wq-Option > .wq--label > .wq--main > .wq--quantity::before {\n  content: \"x\";\n  display: inline;\n}\n.wq-Form .wq-Option > .wq--label > .wq--ribbon.wq-ribbon-1 {\n  display: block;\n  position: absolute;\n  width: 40px;\n  height: 40px;\n  line-height: 40px;\n  font-size: 11px;\n  text-align: center;\n  background: red;\n  color: yellow;\n  border-radius: 100px;\n  top: 70px;\n  left: 6px;\n}\n@media screen and (min-width: 782.001px) {\n  .wq-Form .wq-Option > .wq--label > .wq--ribbon.wq-ribbon-1 {\n    top: 70px;\n  }\n}\n.wq-Form .wq-Option > .wq--label > .wq--ribbon.wq-ribbon-2 {\n  display: inline-block;\n  position: absolute;\n  left: -25px;\n  top: 12px;\n  width: 90px;\n  text-align: center;\n  font-size: 11px;\n  font-weight: 400;\n  line-height: 16px;\n  height: 16px;\n  -webkit-transform: rotate(-45deg);\n  transform: rotate(-45deg);\n  background-color: #15155b;\n  color: white;\n}\n.wq-Form .wq-Option > .wq--label > .wq--ribbon.wq-ribbon-3 {\n  display: block;\n  position: absolute;\n  width: 40px;\n  height: 40px;\n  line-height: 40px;\n  font-size: 11px;\n  text-align: center;\n  background: red;\n  color: yellow;\n  border-radius: 100px;\n  top: 70px;\n  left: 50px;\n}\n@media screen and (min-width: 782.001px) {\n  .wq-Form .wq-Option > .wq--label > .wq--ribbon.wq-ribbon-3 {\n    top: 70px;\n  }\n}\n@media (hover: hover), screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {\n  .wq-Form .wq-Option > .wq--select:not(:disabled):hover + .wq--label {\n    background-color: rgba(235, 66, 102, 0.2);\n  }\n}\n.wq-Form .wq-Option > .wq--select.wq-is-selected + .wq--label, .wq-Form .wq-Option > .wq--input:checked + .wq--label {\n  background: rgba(235, 66, 102, 0.4);\n}\n.wq-Form .wq-Option > .wq--input:disabled + .wq--label, .wq-Form .wq-Option > .wq--select:disabled + .wq--label {\n  opacity: 0.3;\n  pointer-events: none;\n}\n.wq-Form .wq-Option > .wq-type-checkbox + label::after {\n  display: block;\n  position: absolute;\n  right: 0;\n  top: 0;\n  content: \"\";\n  font-family: \"dashicons\";\n  color: rgba(18, 18, 18, 0.35);\n  line-height: 48px;\n  box-sizing: border-box;\n  font-size: 48px;\n}\n.wq-Form .wq-Option > .wq-type-checkbox:checked + label::after {\n  color: white;\n  animation: spin 0.3s;\n  transform: scale(1.2);\n}\n.wq-Form .wq-Option.wq-belongs-wnavigator {\n  align-self: stretch;\n  min-width: 1px;\n  width: auto;\n}\n.wq-Form .wq-Option.wq-belongs-wnavigator > .wq--label {\n  flex-direction: row;\n}\n.wq-Form .wq-Option.wq-belongs-wnavigator > .wq--label > .wq--media {\n  margin-right: 10px;\n  margin-bottom: 0;\n}\n.wq-Form .wq-Option.wq-belongs-wnavigator > .wq--label > .wq--main {\n  justify-content: center;\n}\n.wq-Form .wq-Option.wq-belongs-wnavigator > .wq--label > .wq--main > .wq--name {\n  flex: 0 0 auto;\n  flex-grow: 0;\n  flex-shrink: 0;\n  flex-basis: auto;\n  text-align: left;\n  padding-right: 24px;\n}\n.wq-Form .wq-Option.wq-belongs-wnavigator > .wq--label > .wq--main > .wq--note {\n  text-align: left;\n  padding-right: 24px;\n}\n.wq-Form .wq-Option.wq-belongs-wnavigator > .wq--label > .wq--main > .wq--prices {\n  text-align: left;\n  padding-right: 24px;\n}\n.wq-Form .wq-Option.wq-belongs-wnavigator > .wq--label > .wq--main > .wq--quantity {\n  bottom: 0;\n  top: auto;\n}\n\n@keyframes spin {\n  0% {\n    transform: rotate(0) scale(1);\n    color: rgba(18, 18, 18, 0.35);\n  }\n  60% {\n    transform: rotate(375deg) scale(1.2);\n    color: white;\n  }\n  70% {\n    transform: rotate(348deg) scale(1.2);\n  }\n  80% {\n    transform: rotate(368deg) scale(1.2);\n  }\n  90% {\n    transform: rotate(354deg) scale(1.2);\n  }\n  100% {\n    transform: rotate(360deg) scale(1.2);\n  }\n}\n.wq-Form .wq-Selector {\n  box-sizing: border-box;\n}\n.wq-Form .wq-Selector > .wq--body {\n  flex-direction: row;\n  overflow: auto;\n}\n.wq-Form .wq-Selector.wq-belongs-wnavigator > .wq--body {\n  flex-grow: 1;\n  flex-shrink: 1;\n  flex-basis: auto;\n  flex-direction: column;\n  overflow: auto;\n  align-self: stretch;\n  width: 100%;\n  max-width: 100%;\n  flex-wrap: nowrap;\n}\n.wq-Form .wq-Selector.wq-belongs-hnavigator.wq-is-run {\n  transition: max-height 0.2s ease-in, opacity 0.2s linear;\n  max-height: 300px;\n  overflow: hidden;\n}\n.wq-Form .wq-Selector.wq-belongs-hnavigator.wq-is-created, .wq-Form .wq-Selector.wq-belongs-hnavigator.wq-is-removed {\n  max-height: 0;\n  opacity: 0;\n}\n\n.wq-Form .wq-Quantity > .wq--body,\n.wq-Form .wq-Slider > .wq--body {\n  padding: 10px;\n  box-sizing: border-box;\n}\n.wq-Form .wq-Quantity > .wq--body .wq--suffix,\n.wq-Form .wq-Slider > .wq--body .wq--suffix {\n  font-size: 16px;\n}\n.wq-Form .wq-Quantity.wq-belongs-wnavigator > .wq--body,\n.wq-Form .wq-Slider.wq-belongs-wnavigator > .wq--body {\n  flex-grow: 1;\n  flex-shrink: 1;\n  flex-basis: auto;\n  flex-direction: column;\n  align-self: stretch;\n  width: 100%;\n}\n.wq-Form .wq-Quantity.wq-belongs-hnavigator.wq-is-run,\n.wq-Form .wq-Slider.wq-belongs-hnavigator.wq-is-run {\n  transition: max-height 0.2s ease-in, opacity 0.2s linear;\n  max-height: 300px;\n  overflow: hidden;\n}\n.wq-Form .wq-Quantity.wq-belongs-hnavigator.wq-is-created, .wq-Form .wq-Quantity.wq-belongs-hnavigator.wq-is-removed,\n.wq-Form .wq-Slider.wq-belongs-hnavigator.wq-is-created,\n.wq-Form .wq-Slider.wq-belongs-hnavigator.wq-is-removed {\n  max-height: 0;\n  opacity: 0;\n}\n\n.wq-Form .wq-NavBar.wq-belongs-hnavigator {\n  display: none;\n}\n.wq-Form .wq-NavBar.wq-belongs-wnavigator {\n  display: flex;\n  background: white;\n  color: #121212;\n}\n.wq-Form .wq-NavBar.wq-belongs-wnavigator > .wq--progress {\n  flex: 1 1 auto;\n  display: block;\n}\n.wq-Form .wq-NavBar.wq-belongs-wnavigator > .wq--progress > .wq--min, .wq-Form .wq-NavBar.wq-belongs-wnavigator > .wq--progress > .wq--current, .wq-Form .wq-NavBar.wq-belongs-wnavigator > .wq--progress > .wq--max, .wq-Form .wq-NavBar.wq-belongs-wnavigator > .wq--progress > .wq--percentage {\n  display: none;\n}\n.wq-Form .wq-NavBar.wq-belongs-wnavigator > .wq--progress > .wq--bar {\n  width: 100%;\n  height: 4px;\n  padding: 0;\n  background-color: rgba(18, 18, 18, 0.26);\n}\n.wq-Form .wq-NavBar.wq-belongs-wnavigator > .wq--progress > .wq--bar > .wq--bar-content {\n  height: 100% !important;\n  background-color: #eb4266;\n  transition: width 0.2s ease-in-out;\n}\n.wq-Form .wq-NavBar.wq-belongs-wnavigator > .wq--summary {\n  display: none;\n}\n.wq-Form .wq-NavBar.wq-belongs-wnavigator > .wq--commands {\n  display: none;\n}\n\n.wq-Form .wq-WNavigator {\n  order: 20;\n}\n.wq-Form .wq-WNavigator > .wq--base {\n  display: flex;\n  height: 160px;\n  width: 100%;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  font-size: 16px;\n}\n.wq-Form .wq-WNavigator > .wq--base .wq--message {\n  position: absolute;\n  width: 100%;\n  text-align: center;\n  left: 0;\n  top: 42px;\n}\n.wq-Form .wq-WNavigator > .wq--overlay {\n  display: block;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  overflow: hidden;\n  z-index: 100;\n  background: white;\n}\n.wq-Form .wq-WNavigator > .wq--overlay.wq-is-run {\n  transition: opacity 0.3s linear;\n}\n.wq-Form .wq-WNavigator > .wq--overlay.wq-is-run > .wq--dialog {\n  transition: transform 0.3s linear, opacity 0.3s linear;\n}\n.wq-Form .wq-WNavigator > .wq--overlay.wq-is-created, .wq-Form .wq-WNavigator > .wq--overlay.wq-is-removed {\n  opacity: 0;\n}\n.wq-Form .wq-WNavigator > .wq--overlay.wq-is-created > .wq--dialog, .wq-Form .wq-WNavigator > .wq--overlay.wq-is-removed > .wq--dialog {\n  transform: scale(0.8);\n  opacity: 0;\n}\n.wq-Form .wq-WNavigator > .wq--overlay > .wq--dialog {\n  display: flex;\n  flex-direction: column;\n  margin: 32px auto;\n  width: 480px;\n  max-width: calc(100% - 2em);\n  height: calc(100% - 64px);\n  box-sizing: border-box;\n  background: white;\n  color: #121212;\n  position: relative;\n  overflow: hidden;\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n}\n.wq-Form .wq-WNavigator > .wq--overlay > .wq--dialog > .wq--main {\n  flex-shrink: 1;\n  flex-grow: 1;\n  flex-basis: 100%;\n  height: calc(100% - 4px);\n  width: 100%;\n  overflow: hidden;\n  position: relative;\n}\n.wq-Form .wq-WNavigator > .wq--overlay > .wq--dialog > .wq--main > .wq--slide {\n  height: 100%;\n  overflow: auto;\n}\n.wq-Form .wq-WNavigator > .wq--overlay > .wq--dialog > .wq--main > .wq--slide.wq-is-run {\n  transition: transform 0.3s ease-in-out, opacity 0.3s linear;\n}\n.wq-Form .wq-WNavigator > .wq--overlay > .wq--dialog > .wq--main > .wq--slide.wq-is-run.wq-for-removed {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  overflow: hidden;\n}\n.wq-Form .wq-WNavigator > .wq--overlay > .wq--dialog > .wq--main > .wq--slide.wq-is-removed {\n  position: absolute;\n  transform: translateX(-120vw);\n  top: 0;\n  left: 0;\n  width: 100%;\n  opacity: 0;\n}\n.wq-Form .wq-WNavigator > .wq--overlay > .wq--dialog > .wq--main > .wq--slide.wq-is-run.wq-for-created {\n  position: relative;\n  transition-delay: 0.1s;\n}\n.wq-Form .wq-WNavigator > .wq--overlay > .wq--dialog > .wq--main > .wq--slide.wq-is-created {\n  transform: translateX(120vw);\n  opacity: 0;\n}\n.wq-Form .wq-WNavigator > .wq--overlay > .wq--dialog > .wq--main.wq-is-flipped > .wq--slide.wq-is-removed {\n  transform: translateX(120vw);\n}\n.wq-Form .wq-WNavigator > .wq--overlay > .wq--dialog > .wq--main.wq-is-flipped > .wq--slide.wq-is-created {\n  transform: translateX(-120vw);\n}\n.wq-Form .wq-WNavigator > .wq--overlay > .wq--dialog > .wq--action {\n  display: flex;\n  flex: 0 0 auto;\n  justify-content: flex-end;\n  background: #f0f0f0;\n  padding: 4px;\n  border: 1px solid rgba(18, 18, 18, 0.26);\n  border-top-width: 0;\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.wq-Form .wq-WNavigator > .wq--overlay > .wq--dialog > .wq--action > .wq--spacer {\n  flex: 1 1 auto;\n}\n.wq-Form .wq-WNavigator > .wq--overlay > .wq--dialog > .wq--action > *:not(:last-child) {\n  margin-right: 4px;\n}\n\n.wq-Form .wq-Monitor {\n  order: 21;\n  font-size: 16px;\n  color: #121212;\n}\n.wq-Form .wq-Monitor > .wq--header {\n  background: white;\n  display: none;\n}\n.wq-Form .wq-Monitor > .wq--header > .wq--title {\n  font-size: 14px;\n  font-weight: bold;\n  line-height: 1.3;\n  color: #121212;\n  padding: 10px 0;\n}\n.wq-Form .wq-Monitor > .wq--header > .wq--menu {\n  display: none;\n}\n.wq-Form .wq-Monitor > .wq--entries {\n  background: white;\n  border: 1px solid rgba(18, 18, 18, 0.26);\n  border-radius: 0;\n  border-bottom-right-radius: 0;\n  overflow: hidden;\n}\n.wq-Form .wq-Monitor > .wq--entries > .wq--entry {\n  display: flex;\n  align-items: center;\n  /*width: 100%;*/\n}\n.wq-Form .wq-Monitor > .wq--entries > .wq--entry.wq-for-header {\n  border-bottom: 1px solid rgba(18, 18, 18, 0.26);\n  flex-wrap: nowrap;\n  font-size: 14px;\n}\n.wq-Form .wq-Monitor > .wq--entries > .wq--entry:nth-child(even) {\n  background: #f0f0f0;\n}\n.wq-Form .wq-Monitor > .wq--entries > .wq--entry > .wq--prop {\n  padding: 10px;\n}\n.wq-Form .wq-Monitor > .wq--entries > .wq--entry > .wq-for-no {\n  display: none;\n  flex: 10 10 3.8461538462%;\n  order: 10;\n}\n.wq-Form .wq-Monitor > .wq--entries > .wq--entry:not(.wq-for-header) > .wq-for-no {\n  font-size: 14px;\n  color: rgba(18, 18, 18, 0.6);\n}\n.wq-Form .wq-Monitor > .wq--entries > .wq--entry > .wq-for-category {\n  display: block;\n  flex: 50 50 19.2307692308%;\n  order: 30;\n}\n.wq-Form .wq-Monitor > .wq--entries > .wq--entry:not(.wq-for-header) > .wq-for-category {\n  font-size: 14px;\n  color: rgba(18, 18, 18, 0.6);\n}\n.wq-Form .wq-Monitor > .wq--entries > .wq--entry > .wq-for-entry {\n  flex: 70 70 26.9230769231%;\n  order: 40;\n}\n.wq-Form .wq-Monitor > .wq--entries > .wq--entry > .wq-for-normalUnitPrice {\n  display: none;\n  flex: 30 30 11.5384615385%;\n  order: 60;\n  text-align: right;\n}\n.wq-Form .wq-Monitor > .wq--entries > .wq--entry:not(.wq-for-header) > .wq-for-normalUnitPrice {\n  font-size: 14px;\n  color: rgba(18, 18, 18, 0.6);\n  text-decoration: line-through;\n}\n.wq-Form .wq-Monitor > .wq--entries > .wq--entry > .wq-for-unitPrice {\n  display: block;\n  flex: 30 30 11.5384615385%;\n  order: 70;\n  text-align: right;\n}\n.wq-Form .wq-Monitor > .wq--entries > .wq--entry:not(.wq-for-header) > .wq-for-unitPrice {\n  font-size: 14px;\n  color: rgba(18, 18, 18, 0.6);\n}\n.wq-Form .wq-Monitor > .wq--entries > .wq--entry > .wq-for-quantity {\n  display: block;\n  flex: 20 20 7.6923076923%;\n  order: 80;\n  text-align: right;\n}\n.wq-Form .wq-Monitor > .wq--entries > .wq--entry > .wq-for-quantity > .wq--independentDisplay {\n  display: none;\n}\n.wq-Form .wq-Monitor > .wq--entries > .wq--entry > .wq-for-price {\n  display: block;\n  flex: 30 30 11.5384615385%;\n  order: 100;\n  text-align: right;\n}\n.wq-Form .wq-Monitor > .wq--entries > .wq--entry > .wq-for-taxClass {\n  display: block;\n  flex: 20 20 7.6923076923%;\n  text-align: center;\n  order: 110;\n}\n.wq-Form .wq-Monitor > .wq--entries > .wq--entry:not(.wq-for-header) > .wq-for-taxClass {\n  font-size: 10px;\n}\n.wq-Form .wq-Monitor > .wq--entries > .wq--entry.wq-is-run {\n  transition: max-height 0.2s linear, opacity 0.2s linear;\n  max-height: 100px;\n  overflow: hidden;\n}\n.wq-Form .wq-Monitor > .wq--entries > .wq--entry.wq-is-created, .wq-Form .wq-Monitor > .wq--entries > .wq--entry.wq-is-removed {\n  max-height: 0;\n  opacity: 0;\n}\n.wq-Form .wq-Monitor > .wq--footer {\n  background: white;\n  margin-left: auto;\n  max-width: 20em;\n}\n.wq-Form .wq-Monitor > .wq--footer > .wq--entry {\n  border: 1px solid rgba(18, 18, 18, 0.26);\n  display: flex;\n  align-items: center;\n  font-weight: bold;\n}\n.wq-Form .wq-Monitor > .wq--footer > .wq--entry > .wq--prop {\n  padding: 10px;\n}\n.wq-Form .wq-Monitor > .wq--footer > .wq--entry > .wq--prop.wq-for-name {\n  flex: 1 1 8em;\n  box-sizing: border-box;\n}\n.wq-Form .wq-Monitor > .wq--footer > .wq--entry > .wq--prop.wq-for-normalValue {\n  display: none;\n  text-align: right;\n  flex: 1 1 7em;\n  text-decoration: line-through;\n  overflow: hidden;\n  box-sizing: border-box;\n}\n.wq-Form .wq-Monitor > .wq--footer > .wq--entry > .wq--prop.wq-for-value {\n  text-align: right;\n  flex: 1 1 7em;\n  overflow: hidden;\n  line-height: 1.5em;\n  box-sizing: border-box;\n}\n.wq-Form .wq-Monitor > .wq--footer > .wq--entry > .wq--prop.wq-for-value span {\n  display: inline-block;\n  position: relative;\n  height: 1.5em;\n  max-height: 1.5em;\n}\n.wq-Form .wq-Monitor > .wq--footer > .wq--entry > .wq--prop.wq-for-value span span {\n  display: block;\n  position: relative;\n}\n.wq-Form .wq-Monitor > .wq--footer > .wq--entry > .wq--prop.wq-for-value span span.wq-is-run {\n  transition: transform 0.3s ease-in-out;\n}\n.wq-Form .wq-Monitor > .wq--footer > .wq--entry > .wq--prop.wq-for-value span span.wq-is-run.wq-for-removed {\n  top: 0;\n  position: absolute;\n}\n.wq-Form .wq-Monitor > .wq--footer > .wq--entry > .wq--prop.wq-for-value span span.wq-is-created {\n  transform: translateY(-4em);\n  opacity: 1;\n}\n.wq-Form .wq-Monitor > .wq--footer > .wq--entry > .wq--prop.wq-for-value span span.wq-is-removed {\n  top: 0;\n  position: absolute;\n  transform: translateY(4em);\n}\n.wq-Form .wq-Monitor > .wq--footer > .wq--entry.wq-for-total {\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.wq-Form .wq-Monitor > .wq--footer > .wq--entry.wq-for-total > .wq-for-value {\n  font-size: 20px;\n  color: #eb4266;\n}\n.wq-Form .wq-Monitor > .wq--footer > .wq--entry.wq-for-total > .wq--prop.wq-for-normalValue, .wq-Form .wq-Monitor > .wq--footer > .wq--entry.wq-for-tax > .wq--prop.wq-for-normalValue {\n  display: none;\n}\n.wq-Form .wq-Monitor > .wq--footer > .wq--entry.wq-for-subtotal span {\n  transition-delay: 0.2s !important;\n}\n.wq-Form .wq-Monitor > .wq--footer > .wq--entry.wq-for-tax span {\n  transition-delay: 0.28s !important;\n}\n.wq-Form .wq-Monitor > .wq--footer > .wq--entry.wq-for-total span {\n  transition-delay: 0.36s !important;\n}\n\n@media screen and (min-width: 782.001px) {\n  .wq-Form .wq-Monitor.wq-is-sidebar {\n    z-index: 1000;\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n  }\n  .wq-Form .wq-Monitor.wq-is-sidebar.wq-sticks-top {\n    position: absolute;\n    top: 0;\n    bottom: auto;\n  }\n  .wq-Form .wq-Monitor.wq-is-sidebar.wq-sticks-bottom {\n    position: absolute;\n    top: auto;\n    bottom: 0;\n  }\n  .wq-Form .wq-Monitor.wq-is-sidebar.wq-sticks-screen {\n    position: fixed;\n    top: 0px;\n    bottom: auto;\n  }\n  .wq-Form .wq-Monitor.wq-is-sidebar > .wq--header {\n    display: none;\n  }\n  .wq-Form .wq-Monitor.wq-is-sidebar .wq--entries {\n    display: flex;\n    flex-direction: column;\n    overflow: auto;\n    flex-grow: 1;\n    flex-shrink: 1;\n    flex-basis: auto;\n    min-height: 1px;\n    max-height: 60vh;\n    border-bottom-left-radius: 0;\n  }\n  .wq-Form .wq-Monitor.wq-is-sidebar .wq--entries > .wq--entry {\n    flex-wrap: wrap;\n    justify-content: flex-end;\n    align-items: flex-end;\n    padding: 10px 5px;\n  }\n  .wq-Form .wq-Monitor.wq-is-sidebar .wq--entries > .wq--entry > .wq--prop {\n    line-height: 1.3;\n    padding: 0 5px;\n    box-sizing: border-box;\n  }\n  .wq-Form .wq-Monitor.wq-is-sidebar .wq--entries > .wq--entry > .wq-for-no {\n    display: none;\n    flex: 0 0 auto;\n    order: 10;\n  }\n  .wq-Form .wq-Monitor.wq-is-sidebar .wq--entries > .wq--entry.wq-for-header > .wq-for-no {\n    display: none;\n  }\n  .wq-Form .wq-Monitor.wq-is-sidebar .wq--entries > .wq--entry:not(.wq-for-header) > .wq-for-no {\n    font-size: 10px;\n    color: rgba(18, 18, 18, 0.6);\n  }\n  .wq-Form .wq-Monitor.wq-is-sidebar .wq--entries > .wq--entry > .wq-for-category {\n    display: block;\n    flex: 1 1 51%;\n    order: 30;\n  }\n  .wq-Form .wq-Monitor.wq-is-sidebar .wq--entries > .wq--entry.wq-for-header > .wq-for-category {\n    display: none;\n  }\n  .wq-Form .wq-Monitor.wq-is-sidebar .wq--entries > .wq--entry:not(.wq-for-header) > .wq-for-category {\n    font-size: 10px;\n    color: rgba(18, 18, 18, 0.6);\n  }\n  .wq-Form .wq-Monitor.wq-is-sidebar .wq--entries > .wq--entry > .wq-for-entry {\n    flex: 1 1 100%;\n    order: 40;\n  }\n  .wq-Form .wq-Monitor.wq-is-sidebar .wq--entries > .wq--entry.wq-for-header > .wq-for-entry {\n    flex: 1 1 50%;\n  }\n  .wq-Form .wq-Monitor.wq-is-sidebar .wq--entries > .wq--entry > .wq-for-normalUnitPrice {\n    display: none;\n    flex: 1 1 50px;\n    order: 60;\n  }\n  .wq-Form .wq-Monitor.wq-is-sidebar .wq--entries > .wq--entry.wq-for-header > .wq-for-normalUnitPrice {\n    display: none;\n  }\n  .wq-Form .wq-Monitor.wq-is-sidebar .wq--entries > .wq--entry:not(.wq-for-header) > .wq-for-normalUnitPrice {\n    font-size: 10px;\n    color: rgba(18, 18, 18, 0.6);\n    text-decoration: line-through;\n  }\n  .wq-Form .wq-Monitor.wq-is-sidebar .wq--entries > .wq--entry > .wq-for-unitPrice {\n    display: block;\n    flex: 1 1 50px;\n    order: 70;\n  }\n  .wq-Form .wq-Monitor.wq-is-sidebar .wq--entries > .wq--entry.wq-for-header > .wq-for-unitPrice {\n    display: none;\n  }\n  .wq-Form .wq-Monitor.wq-is-sidebar .wq--entries > .wq--entry:not(.wq-for-header) > .wq-for-unitPrice {\n    font-size: 10px;\n    color: rgba(18, 18, 18, 0.6);\n  }\n  .wq-Form .wq-Monitor.wq-is-sidebar .wq--entries > .wq--entry > .wq-for-quantity {\n    display: block;\n    flex: 1 1 30px;\n    order: 80;\n  }\n  .wq-Form .wq-Monitor.wq-is-sidebar .wq--entries > .wq--entry.wq-for-header > .wq-for-quantity {\n    display: none;\n  }\n  .wq-Form .wq-Monitor.wq-is-sidebar .wq--entries > .wq--entry:not(.wq-for-header) > .wq-for-quantity {\n    font-size: 10px;\n    color: rgba(18, 18, 18, 0.6);\n  }\n  .wq-Form .wq-Monitor.wq-is-sidebar .wq--entries > .wq--entry:not(.wq-for-header) > .wq-for-quantity > .wq--simpleDisplay {\n    display: none;\n  }\n  .wq-Form .wq-Monitor.wq-is-sidebar .wq--entries > .wq--entry:not(.wq-for-header) > .wq-for-quantity > .wq--independentDisplay {\n    display: inline;\n  }\n  .wq-Form .wq-Monitor.wq-is-sidebar .wq--entries > .wq--entry > .wq-for-taxClass {\n    display: block;\n    flex: 1 1 50px;\n    order: 90;\n  }\n  .wq-Form .wq-Monitor.wq-is-sidebar .wq--entries > .wq--entry.wq-for-header > .wq-for-taxClass {\n    display: none;\n  }\n  .wq-Form .wq-Monitor.wq-is-sidebar .wq--entries > .wq--entry:not(.wq-for-header) > .wq-for-taxClass {\n    font-size: 10px;\n    color: rgba(18, 18, 18, 0.6);\n  }\n  .wq-Form .wq-Monitor.wq-is-sidebar .wq--entries > .wq--entry > .wq-for-price {\n    display: block;\n    flex: 10 10 60px;\n    order: 100;\n    text-align: right;\n  }\n  .wq-Form .wq-Monitor.wq-is-sidebar > .wq--footer {\n    width: 100%;\n    flex-grow: 0;\n    flex-shrink: 0;\n    flex-basis: auto;\n  }\n  .wq-Form .wq-Monitor.wq-is-sidebar > .wq--footer > .wq--entry > .wq--prop.wq-for-name {\n    font-size: 14px;\n    flex-basis: 7em;\n  }\n  .wq-Form .wq-Monitor.wq-is-sidebar > .wq--footer > .wq--entry.wq-for-subtotal > .wq--prop.wq-for-normalValue {\n    display: none;\n  }\n}\n@media screen and (max-width: 782px) {\n  .wq-Form .wq-Monitor > .wq--entries > .wq--entry {\n    flex-wrap: wrap;\n    justify-content: flex-end;\n    align-items: flex-end;\n    padding: 10px 5px;\n  }\n  .wq-Form .wq-Monitor > .wq--entries > .wq--entry > .wq--prop {\n    line-height: 1.3;\n    padding: 0 5px;\n    box-sizing: border-box;\n  }\n  .wq-Form .wq-Monitor > .wq--entries > .wq--entry > .wq-for-no {\n    display: none;\n    flex: 0 0 auto;\n    order: 10;\n  }\n  .wq-Form .wq-Monitor > .wq--entries > .wq--entry.wq-for-header > .wq-for-no {\n    display: none;\n  }\n  .wq-Form .wq-Monitor > .wq--entries > .wq--entry:not(.wq-for-header) > .wq-for-no {\n    font-size: 10px;\n    color: rgba(18, 18, 18, 0.6);\n  }\n  .wq-Form .wq-Monitor > .wq--entries > .wq--entry > .wq-for-category {\n    display: block;\n    flex: 1 1 51%;\n    order: 30;\n  }\n  .wq-Form .wq-Monitor > .wq--entries > .wq--entry.wq-for-header > .wq-for-category {\n    display: none;\n  }\n  .wq-Form .wq-Monitor > .wq--entries > .wq--entry:not(.wq-for-header) > .wq-for-category {\n    font-size: 10px;\n    color: rgba(18, 18, 18, 0.6);\n  }\n  .wq-Form .wq-Monitor > .wq--entries > .wq--entry > .wq-for-entry {\n    flex: 1 1 100%;\n    order: 40;\n  }\n  .wq-Form .wq-Monitor > .wq--entries > .wq--entry.wq-for-header > .wq-for-entry {\n    flex: 1 1 50%;\n  }\n  .wq-Form .wq-Monitor > .wq--entries > .wq--entry > .wq-for-normalUnitPrice {\n    display: none;\n    flex: 1 1 50px;\n    order: 60;\n  }\n  .wq-Form .wq-Monitor > .wq--entries > .wq--entry.wq-for-header > .wq-for-normalUnitPrice {\n    display: none;\n  }\n  .wq-Form .wq-Monitor > .wq--entries > .wq--entry:not(.wq-for-header) > .wq-for-normalUnitPrice {\n    font-size: 10px;\n    color: rgba(18, 18, 18, 0.6);\n    text-decoration: line-through;\n  }\n  .wq-Form .wq-Monitor > .wq--entries > .wq--entry > .wq-for-unitPrice {\n    display: block;\n    flex: 1 1 50px;\n    order: 70;\n  }\n  .wq-Form .wq-Monitor > .wq--entries > .wq--entry.wq-for-header > .wq-for-unitPrice {\n    display: none;\n  }\n  .wq-Form .wq-Monitor > .wq--entries > .wq--entry:not(.wq-for-header) > .wq-for-unitPrice {\n    font-size: 10px;\n    color: rgba(18, 18, 18, 0.6);\n  }\n  .wq-Form .wq-Monitor > .wq--entries > .wq--entry > .wq-for-quantity {\n    display: block;\n    flex: 1 1 30px;\n    order: 80;\n  }\n  .wq-Form .wq-Monitor > .wq--entries > .wq--entry.wq-for-header > .wq-for-quantity {\n    display: none;\n  }\n  .wq-Form .wq-Monitor > .wq--entries > .wq--entry:not(.wq-for-header) > .wq-for-quantity {\n    font-size: 10px;\n    color: rgba(18, 18, 18, 0.6);\n  }\n  .wq-Form .wq-Monitor > .wq--entries > .wq--entry:not(.wq-for-header) > .wq-for-quantity > .wq--simpleDisplay {\n    display: none;\n  }\n  .wq-Form .wq-Monitor > .wq--entries > .wq--entry:not(.wq-for-header) > .wq-for-quantity > .wq--independentDisplay {\n    display: inline;\n  }\n  .wq-Form .wq-Monitor > .wq--entries > .wq--entry > .wq-for-taxClass {\n    display: block;\n    flex: 1 1 50px;\n    order: 90;\n  }\n  .wq-Form .wq-Monitor > .wq--entries > .wq--entry.wq-for-header > .wq-for-taxClass {\n    display: none;\n  }\n  .wq-Form .wq-Monitor > .wq--entries > .wq--entry:not(.wq-for-header) > .wq-for-taxClass {\n    font-size: 10px;\n    color: rgba(18, 18, 18, 0.6);\n  }\n  .wq-Form .wq-Monitor > .wq--entries > .wq--entry > .wq-for-price {\n    display: block;\n    flex: 10 10 60px;\n    order: 100;\n    text-align: right;\n  }\n  .wq-Form .wq-Monitor > .wq--footer > .wq--entry > .wq--prop.wq-for-name {\n    font-size: 14px;\n    flex-basis: 7em;\n  }\n}\n.wq-Form #wq-informer {\n  top: 0px;\n}\n\n.wq-Form .wq-Control {\n  display: flex;\n  justify-content: flex-start;\n  align-items: flex-start;\n  font-size: 16px;\n  line-height: 1.5;\n  color: #121212;\n}\n.wq-Form .wq-Control.wq-for-action {\n  order: 40;\n}\n.wq-Form .wq-Control > .wq--header {\n  flex: 0 0 auto;\n  width: 10em;\n  display: flex;\n  align-items: flex-start;\n  flex-wrap: wrap;\n  padding: 9px 0;\n  box-sizing: border-box;\n}\n.wq-Form .wq-Control > .wq--header > .wq--label {\n  flex: 0 1 auto;\n  font-size: 14px;\n  line-height: 24px;\n  font-weight: bold;\n}\n.wq-Form .wq-Control > .wq--header > .wq--required {\n  flex: 0 0 auto;\n  font-size: 14px;\n  line-height: 24px;\n  font-weight: normal;\n  color: #eb4266;\n}\n.wq-Form .wq-Control > .wq--header > .wq--required.wq-is-optional {\n  display: none;\n}\n.wq-Form .wq-Control > .wq--header.wq-content-empty > .wq--required {\n  display: none;\n}\n.wq-Form .wq-Control > .wq--header > *:not(:last-child) {\n  margin-right: 4px;\n}\n.wq-Form .wq-Control > .wq--body {\n  flex: 1 1 auto;\n  position: relative;\n}\n.wq-Form .wq-Control > .wq--body > *:not(:first-child) {\n  margin-top: 4px;\n}\n.wq-Form .wq-Control > .wq--body .wq--note {\n  display: block;\n  font-size: 14px;\n  opacity: 0.6;\n  margin-top: 4px;\n  margin-left: 4px;\n}\n.wq-Form .wq-Control > .wq--body > .wq--message {\n  position: absolute;\n  left: 4px;\n  top: -18px;\n}\n.wq-Form .wq-Control.wq-is-run.wq-for-removed {\n  display: none;\n}\n\n@media screen and (max-width: 782px) {\n  .wq-Form .wq-Control {\n    flex-direction: column;\n  }\n  .wq-Form .wq-Control > .wq--header {\n    width: 100%;\n    padding: 0;\n    margin-bottom: 4px;\n  }\n  .wq-Form .wq-Control > .wq--header.wq-content-empty {\n    display: none;\n  }\n  .wq-Form .wq-Control > .wq--body {\n    width: 100%;\n  }\n  .wq-Form .wq-Control > .wq--body .wq--message {\n    left: auto;\n    right: 4px;\n  }\n}\n.wq-Form .wq-TextInput.wq-size-full {\n  width: 100%;\n}\n.wq-Form .wq-TextInput.wq-size-nano {\n  width: calc(3em + 16px);\n}\n.wq-Form .wq-TextInput.wq-size-mini {\n  width: calc(5em + 16px);\n}\n.wq-Form .wq-TextInput.wq-size-small {\n  width: calc(8em + 16px);\n}\n.wq-Form .wq-TextInput.wq-size-normal {\n  width: calc(13em + 16px);\n}\n\n.wq-Form .wq-TextArea {\n  height: 160px;\n  width: 100%;\n}\n.wq-Form .wq-TextArea.wq-size-full {\n  height: 256px;\n}\n.wq-Form .wq-TextArea.wq-size-normal {\n  height: 160px;\n}\n.wq-Form .wq-TextArea.wq-size-small {\n  height: 112px;\n}\n.wq-Form .wq-TextArea.wq-size-mini {\n  height: 88px;\n}\n.wq-Form .wq-TextArea.wq-size-nano {\n  height: 64px;\n}\n\n.wq-Form .wq-InputGroup {\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  flex-wrap: wrap;\n}\n.wq-Form .wq-InputGroup > *:not(:last-child) {\n  margin-right: 4px;\n}\n\n.wq-Form .wq-Checkbox > label::before {\n  content: \"\";\n  font-family: \"dashicons\";\n  color: rgba(18, 18, 18, 0.35);\n  line-height: 24px;\n  display: inline-block;\n  font-size: 24px;\n  vertical-align: -25%;\n}\n.wq-Form .wq-Checkbox > input:checked + label::before {\n  color: #eb4266;\n  animation: spin2 0.3s;\n  transform: scale(1.2);\n}\n\n@keyframes spin2 {\n  0% {\n    transform: rotate(0) scale(1);\n  }\n  60% {\n    transform: rotate(375deg) scale(1.2);\n  }\n  70% {\n    transform: rotate(348deg) scale(1.2);\n  }\n  80% {\n    transform: rotate(368deg) scale(1.2);\n  }\n  90% {\n    transform: rotate(354deg) scale(1.2);\n  }\n  100% {\n    transform: rotate(360deg) scale(1.2);\n  }\n}\n.wq-Form .wq-Radio > label::before {\n  content: \"\";\n  background: rgba(18, 18, 18, 0.35);\n  display: inline-block;\n  height: 12.8px;\n  width: 12.8px;\n  border-radius: 100px;\n  vertical-align: 0;\n  margin-right: 4px;\n}\n.wq-Form .wq-Radio > input:checked + label::before {\n  background: #eb4266;\n  animation: jump 0.3s;\n  transform: scale(1.2);\n}\n\n@keyframes jump {\n  0% {\n    transform: translateY(0) scale(1);\n    animation-timing-function: ease-out;\n  }\n  30% {\n    transform: translateY(-8px) scale(1.1);\n    animation-timing-function: ease-in;\n  }\n  60% {\n    transform: translateY(0) scale(1.2);\n    animation-timing-function: ease-out;\n  }\n  75% {\n    transform: translateY(-4px) scale(1.2);\n    animation-timing-function: ease-in;\n  }\n  90% {\n    transform: translateY(0) scale(1.2);\n    animation-timing-function: ease-out;\n  }\n  95% {\n    transform: translateY(-2px) scale(1.2);\n    animation-timing-function: ease-in;\n  }\n  100% {\n    transform: translateY(0) scale(1.2);\n    animation-timing-function: ease-in;\n  }\n}\n.wq-Form .wq-Select {\n  display: inline-block;\n  box-sizing: border-box;\n  position: relative;\n  margin: 0;\n  width: auto;\n}\n.wq-Form .wq-Select > .wq--input {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  display: block;\n  box-sizing: border-box;\n  font-size: 16px;\n  color: #121212;\n  line-height: 1.5;\n  padding: 7px 27px 7px 7px;\n  border: 1px solid rgba(18, 18, 18, 0.26);\n  border-radius: 0;\n  margin: 0;\n  outline: none;\n  height: auto;\n  background: white;\n  transition: box-shadow 0.1s linear, border-color 0.1s linear;\n}\n@media (hover: hover), screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {\n  .wq-Form .wq-Select > .wq--input:hover {\n    box-shadow: 0 0 0 4px rgba(235, 66, 102, 0.2);\n    z-index: 2;\n  }\n}\n.wq-Form .wq-Select > .wq--input:focus {\n  box-shadow: 0 0 0 4px rgba(235, 66, 102, 0.4);\n  border: 1px solid rgba(18, 18, 18, 0.26);\n  outline: none;\n  animation: explosion 0.6s;\n  z-index: 2;\n}\n.wq-Form .wq-Select > .wq--input.wq-is-invalid:not(:focus) {\n  border-color: #dd4522;\n}\n.wq-Form .wq-Select > .wq--input::-ms-expand {\n  display: none;\n}\n.wq-Form .wq-Select::after {\n  display: block;\n  position: absolute;\n  right: 4px;\n  top: 7px;\n  content: \"\";\n  font-family: \"dashicons\";\n  font-size: 16px;\n  pointer-events: none;\n}\n\n.wq-Form .wq-Range {\n  display: flex;\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n  position: relative;\n  max-width: 100%;\n}\n.wq-Form .wq-Range.wq-size-nano {\n  width: 80px;\n}\n.wq-Form .wq-Range.wq-size-mini {\n  width: 120px;\n}\n.wq-Form .wq-Range.wq-size-small {\n  width: 160px;\n}\n.wq-Form .wq-Range.wq-size-medium {\n  width: 240px;\n}\n.wq-Form .wq-Range.wq-size-large {\n  width: 360px;\n}\n.wq-Form .wq-Range.wq-size-xlarge {\n  width: auto;\n}\n.wq-Form .wq-Range > .wq--input {\n  -webkit-appearance: none;\n  margin: 0 4px;\n  padding: 18px 4px 2px;\n  height: 40px;\n  border: none;\n  position: relative;\n  transition: box-shadow 0.1s linear;\n  box-sizing: border-box;\n  flex-grow: 1;\n  flex-shrink: 1;\n  flex-basis: auto;\n  width: 100%;\n  cursor: pointer;\n  overflow: visible;\n  background-color: inherit;\n  /* WebKit・Blink向け 溝のスタイル */\n  /* WebKit・Blink向け つまみのスタイル */\n  /* 何故か上の margin-top 指定が Edge に効いてしまうので、Edge向けに設定をリセット */\n  /* Firefox向け 溝のスタイル */\n  /* Firefox向け つまみのスタイル */\n  /* Edge・IE向け 溝のスタイル */\n  /* Edge・IE向け 溝の色（つまみより左側） */\n  /* Edge・IE向け 溝の色（つまみより右側） */\n  /* Edge・IE向け つまみのスタイル */\n  /* Edge・IE向け focus時の色（つまみより左側） */\n  /* Edge・IE向け focus時の色（つまみより右側） */\n  /* Edge・IE向け ポップアップを非表示に */\n}\n@media (hover: none) {\n  .wq-Form .wq-Range > .wq--input {\n    user-select: none;\n    -webkit-user-select: none;\n    touch-action: manipulation;\n  }\n}\n.wq-Form .wq-Range > .wq--input:focus {\n  outline: none;\n}\n.wq-Form .wq-Range > .wq--input::-webkit-slider-runnable-track {\n  width: 100%;\n  height: 20px;\n  cursor: pointer;\n  box-sizing: border-box;\n  background: rgba(18, 18, 18, 0.26);\n  background-clip: content-box;\n  padding: 8px 0;\n  box-shadow: none;\n  border-radius: 0;\n}\n.wq-Form .wq-Range > .wq--input::-webkit-slider-thumb {\n  border: 1px solid rgba(18, 18, 18, 0.26);\n  background-clip: border-box;\n  height: 20px;\n  width: 20px;\n  border-radius: 20px;\n  background: white;\n  cursor: pointer;\n  -webkit-appearance: none;\n  margin-top: -8px;\n  transition: box-shadow 0.1s linear;\n}\n@media (hover: hover), screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {\n  .wq-Form .wq-Range > .wq--input:hover::-webkit-slider-thumb {\n    box-shadow: 0 0 0 4px rgba(235, 66, 102, 0.2);\n    z-index: 2;\n  }\n}\n@supports (-ms-ime-align: auto) {\n  .wq-Form .wq-Range > .wq--input::-webkit-slider-thumb {\n    margin-top: 0 !important;\n  }\n  .wq-Form .wq-Range > .wq--input:hover::-webkit-slider-thumb {\n    box-shadow: none;\n  }\n}\n.wq-Form .wq-Range > .wq--input::-moz-range-track {\n  width: 100%;\n  height: 20px;\n  cursor: pointer;\n  box-sizing: border-box;\n  background: rgba(18, 18, 18, 0.26);\n  background-clip: content-box;\n  padding: 8px 0;\n}\n.wq-Form .wq-Range > .wq--input::-moz-range-thumb {\n  border: 1px solid rgba(18, 18, 18, 0.26);\n  background-clip: border-box;\n  height: 20px;\n  width: 20px;\n  border-radius: 20px;\n  background: white;\n  cursor: pointer;\n  transition: box-shadow 0.1s linear;\n}\n@media (hover: hover), screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {\n  .wq-Form .wq-Range > .wq--input:hover::-moz-range-thumb {\n    box-shadow: 0 0 0 4px rgba(235, 66, 102, 0.2);\n    z-index: 2;\n  }\n}\n.wq-Form .wq-Range > .wq--input::-ms-track {\n  width: 100%;\n  height: 20px;\n  cursor: pointer;\n  animate: 0.2s;\n  background: transparent;\n  border-color: transparent;\n  border-width: 8px 0;\n  color: transparent;\n  background-clip: content-box;\n  box-sizing: border-box;\n  overflow: visible;\n}\n.wq-Form .wq-Range > .wq--input::-ms-fill-lower {\n  background: rgba(18, 18, 18, 0.26);\n}\n.wq-Form .wq-Range > .wq--input::-ms-fill-upper {\n  background: rgba(18, 18, 18, 0.26);\n}\n.wq-Form .wq-Range > .wq--input::-ms-thumb {\n  border: 1px solid rgba(18, 18, 18, 0.26);\n  box-sizing: border-box;\n  height: 20px;\n  width: 20px;\n  border-radius: 20px;\n  background-color: white;\n  cursor: pointer;\n  transition: background-color 0.1s linear;\n}\n@media (hover: hover), screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {\n  .wq-Form .wq-Range > .wq--input:hover::-ms-thumb {\n    background-color: #eb4266;\n  }\n}\n.wq-Form .wq-Range > .wq--input::-ms-tooltip {\n  display: none;\n}\n.wq-Form .wq-Range > .wq--label {\n  display: block;\n  box-sizing: border-box;\n  margin: 0;\n  padding: 17.5px 0 1.5px;\n  flex-grow: 0;\n  flex-shrink: 0;\n  flex-basis: auto;\n  font-size: 14px;\n  color: rgba(18, 18, 18, 0.6);\n  align-self: stretch;\n}\n.wq-Form .wq-Range > .wq--state {\n  position: absolute;\n  top: 0;\n  left: 50%;\n  width: 100px;\n  font-size: 14px;\n  transform: translate(-50%, 0);\n  pointer-events: none;\n  text-align: center;\n  line-height: 1.3;\n  pointer-events: none;\n}\n\n.wq-Form .wq-Echo {\n  display: block;\n  box-sizing: border-box;\n  line-height: 1.5;\n  padding: 8px 0;\n}\n\n.wq-Form .wq-FileInput {\n  display: block;\n  box-sizing: border-box;\n  position: relative;\n}\n.wq-Form .wq-FileInput > .wq--input {\n  position: absolute;\n  z-index: -1;\n  width: 1px;\n  height: 1px;\n}\n.wq-Form .wq-FileInput > .wq--label {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  box-sizing: border-box;\n  height: 80px;\n  width: 80px;\n  border: 1px solid rgba(18, 18, 18, 0.26);\n  background-color: #cec5c7;\n  color: #121212;\n  margin: 0;\n  padding: 7px;\n  transition: background-color 0.1s linear, border-color 0.1s linear;\n  overflow: hidden;\n  border-radius: 0;\n}\n.wq-Form .wq-FileInput > .wq--label > .wq--text {\n  flex-grow: 1;\n  flex-shrink: 1;\n  flex-basis: auto;\n  text-align: center;\n  color: #121212;\n  font-size: 12px;\n  font-weight: normal;\n  line-height: 1.3;\n  font-feature-settings: \"palt\";\n}\n.wq-Form .wq-FileInput > .wq--label:hover {\n  background-color: #b1a5a8;\n}\n.wq-Form .wq-FileInput > .wq--label:active {\n  background-color: #b1a5a8;\n}\n.wq-Form .wq-FileInput > .wq--input:focus + .wq--label {\n  background-color: #cec5c7;\n  outline: none;\n  z-index: 2;\n  color: inherit;\n}\n.wq-Form .wq-FileInput.wq-is-invalid > .wq--label {\n  border-color: #dd4522;\n}\n.wq-Form .wq-FileInput.wq-is-dragging > .wq--label {\n  background-color: #b1a5a8;\n  animation: 1s linear inhale;\n  animation-iteration-count: infinite;\n  box-shadow: 0 0 0 4px rgba(235, 66, 102, 0.2);\n}\n\n@keyframes inhale {\n  0% {\n    box-shadow: 0 0 0 4px rgba(235, 66, 102, 0.2);\n  }\n  70% {\n    box-shadow: 0 0 0 4px rgba(235, 66, 102, 0.4);\n  }\n  100% {\n    box-shadow: 0 0 0 4px rgba(235, 66, 102, 0.2);\n  }\n}\n.wq-Form .wq-File {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  box-sizing: border-box;\n  position: relative;\n  height: 80px;\n  width: 80px;\n  border: 1px solid rgba(18, 18, 18, 0.26);\n  background: white;\n  color: #121212;\n  margin: 0;\n  transition: opacity 0.2s linear;\n  border-radius: 0;\n  overflow: hidden;\n}\n.wq-Form .wq-File > .wq--filename {\n  flex-grow: 0;\n  flex-shrink: 0;\n  flex-basis: 78px;\n  max-width: 78px;\n  max-height: 78px;\n  width: 78px;\n  box-sizing: border-box;\n  padding: 7px;\n  font-size: 14px;\n  line-height: 1.3;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  word-break: break-all;\n}\n.wq-Form .wq-File.wq-is-viewable > .wq--filename {\n  display: none;\n}\n.wq-Form .wq-File.wq-is-loading > .wq--filename {\n  animation: 1s linear blink;\n  animation-iteration-count: infinite;\n}\n.wq-Form .wq-File > .wq--actions {\n  position: absolute;\n  display: flex;\n  right: -4px;\n  top: -4px;\n  z-index: 10;\n}\n.wq-Form .wq-File.wq-is-run {\n  transition: opacity 0.2s linear;\n}\n.wq-Form .wq-File.wq-is-created, .wq-Form .wq-File.wq-is-removed {\n  opacity: 0;\n}\n\n@keyframes blink {\n  0% {\n    opacity: 0;\n  }\n  33% {\n    opacity: 0.5;\n  }\n  67% {\n    opacity: 0.5;\n  }\n  100% {\n    opacity: 0;\n  }\n}\n.wq-Form .wq-Button, .wq-Dialog .wq-Button {\n  display: block;\n  border: 1px solid rgba(18, 18, 18, 0.26);\n  background-color: #cec5c7;\n  padding: 7px 15px;\n  margin: 0;\n  box-sizing: border-box;\n  outline: none;\n  line-height: 1.5;\n  max-width: 100%;\n  background-clip: border-box;\n  font-size: 16px;\n  font-weight: normal;\n  border-radius: 0;\n  outline: none;\n  color: inherit;\n  text-align: center;\n  white-space: nowrap;\n  overflow: hidden;\n  position: relative;\n  text-decoration: none;\n  transition: box-shadow 0.1s linear, background-color 0.1s linear, background-image 0.1s, opacity 0.1s linear;\n}\n.wq-Form .wq-Button:disabled, .wq-Dialog .wq-Button:disabled {\n  opacity: 0.3;\n  pointer-events: none;\n}\n.wq-Form .wq-Button:not(:hover):not(:active), .wq-Dialog .wq-Button:not(:hover):not(:active) {\n  background-color: #cec5c7;\n  color: inherit;\n}\n@media (hover: hover), screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {\n  .wq-Form .wq-Button:hover, .wq-Dialog .wq-Button:hover {\n    color: inherit;\n    background-color: #b1a5a8;\n  }\n}\n.wq-Form .wq-Button:focus, .wq-Dialog .wq-Button:focus {\n  box-shadow: 0 0 0 4px rgba(235, 66, 102, 0.4);\n  background-color: #cec5c7;\n  outline: none;\n  z-index: 2;\n  color: inherit;\n}\n.wq-Form .wq-Button:active, .wq-Dialog .wq-Button:active {\n  background-color: #b1a5a8;\n  color: inherit;\n}\n.wq-Form .wq-Button.wq-type-primary, .wq-Dialog .wq-Button.wq-type-primary {\n  background-color: #eb4266;\n  color: white;\n  padding-left: 23px;\n  padding-right: 23px;\n  min-width: 180px;\n}\n.wq-Form .wq-Button.wq-type-primary:not(:hover):not(:active), .wq-Dialog .wq-Button.wq-type-primary:not(:hover):not(:active) {\n  background-color: #eb4266;\n  color: white;\n}\n@media (hover: hover), screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {\n  .wq-Form .wq-Button.wq-type-primary:hover, .wq-Dialog .wq-Button.wq-type-primary:hover {\n    background-color: #dd234b;\n  }\n}\n.wq-Form .wq-Button.wq-type-primary:focus, .wq-Dialog .wq-Button.wq-type-primary:focus {\n  background-color: #eb4266;\n}\n.wq-Form .wq-Button.wq-type-primary:active, .wq-Dialog .wq-Button.wq-type-primary:active {\n  background-color: #dd234b;\n}\n.wq-Form .wq-Button.wq-for-closewizard, .wq-Dialog .wq-Button.wq-for-closewizard {\n  border-color: transparent;\n  background-color: transparent;\n  box-shadow: none;\n}\n.wq-Form .wq-Button.wq-for-closewizard:not(:hover):not(:active), .wq-Dialog .wq-Button.wq-for-closewizard:not(:hover):not(:active) {\n  background-color: transparent;\n  background-image: none;\n}\n@media (hover: hover), screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {\n  .wq-Form .wq-Button.wq-for-closewizard:hover, .wq-Dialog .wq-Button.wq-for-closewizard:hover {\n    background-color: #b1a5a8;\n    background-image: none;\n  }\n}\n.wq-Form .wq-Button.wq-for-closewizard:focus, .wq-Dialog .wq-Button.wq-for-closewizard:focus {\n  background-color: transparent;\n  background-image: none;\n}\n.wq-Form .wq-Button.wq-for-forwardwizard::after, .wq-Dialog .wq-Button.wq-for-forwardwizard::after {\n  display: inline-block;\n  font-family: \"dashicons\";\n  vertical-align: top;\n  margin-left: 4px;\n  content: \"\";\n}\n.wq-Form .wq-Button.wq-for-backwizard::before, .wq-Form .wq-Button.wq-for-back::before, .wq-Dialog .wq-Button.wq-for-backwizard::before, .wq-Dialog .wq-Button.wq-for-back::before {\n  display: inline-block;\n  font-family: \"dashicons\";\n  vertical-align: top;\n  margin-right: 4px;\n  content: \"\";\n}\n.wq-Form .wq-Button.wq-for-link, .wq-Dialog .wq-Button.wq-for-link {\n  background-color: #eb4266;\n  color: white;\n}\n.wq-Form .wq-Button.wq-for-link:not(:hover):not(:active), .wq-Dialog .wq-Button.wq-for-link:not(:hover):not(:active) {\n  background-color: #eb4266;\n  color: white;\n}\n@media (hover: hover), screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {\n  .wq-Form .wq-Button.wq-for-link:hover, .wq-Dialog .wq-Button.wq-for-link:hover {\n    background-color: #dd234b;\n  }\n}\n.wq-Form .wq-Button.wq-for-link:focus, .wq-Dialog .wq-Button.wq-for-link:focus {\n  background-color: #eb4266;\n}\n.wq-Form .wq-Button.wq-for-link:active, .wq-Dialog .wq-Button.wq-for-link:active {\n  background-color: #dd234b;\n}\n.wq-Form .wq-Button.wq-belongs-file.wq-for-delete, .wq-Dialog .wq-Button.wq-belongs-file.wq-for-delete {\n  padding-left: 0;\n  padding-right: 0;\n  border-width: 0;\n  background-color: transparent;\n  background-image: none;\n  height: 40px;\n  width: 40px;\n}\n.wq-Form .wq-Button.wq-belongs-file.wq-for-delete::before, .wq-Dialog .wq-Button.wq-belongs-file.wq-for-delete::before {\n  display: inline-block;\n  font-family: \"dashicons\";\n  vertical-align: middle;\n  content: \"\";\n  height: 20px;\n  width: 20px;\n  line-height: 20px;\n  background-color: #cec5c7;\n  background-image: none;\n  color: #121212;\n  border-radius: 100px;\n  font-size: 14px;\n  transition: background-color 0.2s linear;\n}\n.wq-Form .wq-Button.wq-belongs-file.wq-for-delete:hover, .wq-Dialog .wq-Button.wq-belongs-file.wq-for-delete:hover {\n  background-color: transparent;\n  background-image: none;\n}\n.wq-Form .wq-Button.wq-belongs-file.wq-for-delete:hover::before, .wq-Dialog .wq-Button.wq-belongs-file.wq-for-delete:hover::before {\n  background-color: #b1a5a8;\n  background-image: none;\n}\n.wq-Form .wq-Button.wq-belongs-file.wq-for-delete:focus, .wq-Dialog .wq-Button.wq-belongs-file.wq-for-delete:focus {\n  box-shadow: none;\n  background-image: none;\n}\n.wq-Form .wq-Button.wq-belongs-file.wq-for-delete:focus::before, .wq-Dialog .wq-Button.wq-belongs-file.wq-for-delete:focus::before {\n  box-shadow: 0 0 0 4px rgba(235, 66, 102, 0.4);\n  background-image: none;\n}\n\n@media screen and (max-width: 782px) {\n  .wq-Form .wq-Button.wq-type-primary {\n    width: 100%;\n  }\n}\n.wq-Form .wq-HNavigator {\n  order: 20;\n}\n.wq-Form .wq-HNavigator > .wq--items > *:not(:last-child) {\n  margin-bottom: 28px;\n}\n\n.wq-Form .wq-Attributes {\n  order: 30;\n}\n.wq-Form .wq-Attributes > *:not(:last-child) {\n  margin-bottom: 28px;\n}\n\n.wq-Form {\n  background-color: white;\n  color: #121212;\n  padding: 0;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n}\n.wq-Form > .wq--lead {\n  order: 10;\n}\n.wq-Form > .wq--lead > .wq--leadText {\n  margin: 0;\n  font-size: 16px;\n  line-height: 1.5;\n}\n.wq-Form > *:not(:last-child) {\n  margin-bottom: 40px;\n}\n\n.wq-Dialog {\n  display: none;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  padding: 0;\n  margin: 0 !important;\n  max-width: none !important;\n  max-height: none !important;\n  background-color: rgba(18, 18, 18, 0.3);\n  transition: opacity 0.2s linear;\n  opacity: 0;\n  z-index: 1000;\n}\n.wq-Dialog > .wq--frame {\n  display: block;\n  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);\n  background-color: white;\n  color: #121212;\n  position: absolute;\n  top: 32px;\n  left: 0;\n  right: 0;\n  margin: auto;\n  font-size: 16px;\n  width: 30em;\n  max-width: 80%;\n  transition: transform 0.2s ease-out, opacity 0.3s linear;\n  transform: translateY(10vh);\n  opacity: 0;\n}\n.wq-Dialog > .wq--frame > .wq--message {\n  padding: 10px;\n  margin: 0;\n  color: #121212;\n  line-height: 1.5;\n  font-size: 16px;\n}\n.wq-Dialog > .wq--frame > .wq--actions {\n  padding: 10px;\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n}\n.wq-Dialog > .wq--frame > .wq--actions > * {\n  margin-left: 4px;\n}\n.wq-Dialog.wq-is-shown {\n  display: block;\n  opacity: 1;\n}\n.wq-Dialog.wq-is-shown > .wq--frame {\n  transform: translateY(0);\n  opacity: 1;\n}\n/*# sourceMappingURL=front.css.map */\n"],"names":[],"version":3,"file":"front.css.map"}