
#tamaro-widget-overlay.tamaro-widget.tamaro-widget, #tamaro-widget.tamaro-widget.tamaro-widget {
    font-family: 'Suisse Int’l' !important;
}


/*UNMINIFIED*/



:root {
    --tamaro-primary-color: #009fe3;
    --tamaro-primary-color__hover: #2d6cb4;
    --tamaro-primary-bg-color: #e0f1f5;
    --tamaro-bg-color: #fff;
    --tamaro-bg-color__hover: #f9f9f9;
    --tamaro-text-color: #1d9dd9;
    --tamaro-text-color__inverse: var(--tamaro-bg-color);
    --tamaro-border-color: #dedede;
    --tamaro-icon-color: #c5c5c5;
    --tamaro-placeholder-color: #999;
    --tamaro-error-color: #d95665;
    --tamaro-block-header-color: var(--tamaro-text-color);
    --tamaro-block-header-bg-color: transparent;
    --tamaro-block-header-position-color: var(--tamaro-text-color__inverse);
    --tamaro-block-header-position-bg-color: var(--tamaro-primary-color);
    --tamaro-label-color: var(--tamaro-placeholder-color);
    --tamaro-label-color__active: var(--tamaro-primary-color);
    --tamaro-label-checkable-color: var(--tamaro-text-color);
    --tamaro-label-checkable-color__checked: var(--tamaro-label-checkable-color);
    --tamaro-label-mark-required-color: transparent;
    --tamaro-label-mark-required-color__active: transparent;
    --tamaro-label-mark-required-color__invalid: transparent;
    --tamaro-input-padding-x: 0rem;
    --tamaro-input-color: var(--tamaro-text-color);
    --tamaro-input-bg-color: transparent;
    --tamaro-input-border-color: var(--tamaro-border-color);
    --tamaro-input-border-color__active: var(--tamaro-primary-color);
    --tamaro-select-color: var(--tamaro-input-color);
    --tamaro-select-bg-color: var(--tamaro-input-bg-color);
    --tamaro-select-arrow-color: var(--tamaro-primary-color);
    --tamaro-button-color: var(--tamaro-text-color);
    --tamaro-button-color__hover: var(--tamaro-button-color);
    --tamaro-button-bg-color: var(--tamaro-bg-color);
    --tamaro-button-bg-color__hover: var(--tamaro-button-bg-color);
    --tamaro-button-border-color: var(--tamaro-border-color);
    --tamaro-button-border-color__hover: var(--tamaro-button-border-color);
    --tamaro-button-primary-color: var(--tamaro-text-color__inverse);
    --tamaro-button-primary-color__hover: var(--tamaro-button-primary-color);
    --tamaro-button-primary-bg-color: var(--tamaro-primary-color);
    --tamaro-button-primary-bg-color__hover: var(--tamaro-primary-color__hover);
    --tamaro-button-primary-border-color: var(--tamaro-button-primary-bg-color);
    --tamaro-button-primary-border-color__hover: var(--tamaro-button-primary-bg-color__hover);
    --tamaro-ripple-bg-color: #ccc;
    --tamaro-ripple-button-bg-color: var(--tamaro-ripple-bg-color);
    --tamaro-ripple-button-primary-bg-color: #fff;
    --tamaro-link-color: var(--tamaro-primary-color);
    --tamaro-link-bg-color: transparent;
    --tamaro-link-color__hover: var(--tamaro-primary-color__hover);
    --tamaro-link-bg-color__hover: var(--tamaro-primary-bg-color);
    --tamaro-checkable-color: var(--tamaro-border-color);
    --tamaro-checkable-bg-color: var(--tamaro-bg-color);
    --tamaro-checkable-color__checked: var(--tamaro-primary-color);
    --tamaro-checkable-bg-color__checked: var(--tamaro-checkable-bg-color);
    --tamaro-checkable-ripple-opacity: .1;
    --tamaro-checkable-ripple-bg-color: #7d7d7d;
    --tamaro-checkable-ripple-bg-color__checked: var(--tamaro-checkable-color__checked);
    --tamaro-info-icon-color: var(--tamaro-icon-color);
    --tamaro-info-text-color: var(--tamaro-label-color);
    --tamaro-info-icon-color__hover: var(--tamaro-text-color);
    --tamaro-info-text-color__hover: var(--tamaro-text-color);
    --tamaro-result-success-color: #009688;
    --tamaro-result-success-bg-color: #e8f3f3;
    --tamaro-result-success-link-color: var(--tamaro-result-success-color);
    --tamaro-result-success-link-bg-color: transparent;
    --tamaro-result-success-link-color__hover: var(--tamaro-result-success-link-color);
    --tamaro-result-success-link-bg-color__hover: #cceae7;
    --tamaro-result-error-color: #d3192e;
    --tamaro-result-error-bg-color: #fbe8ea;
    --tamaro-result-error-link-color: var(--tamaro-result-error-color);
    --tamaro-result-error-link-bg-color: transparent;
    --tamaro-result-error-link-color__hover: var(--tamaro-result-error-link-color);
    --tamaro-result-error-link-bg-color__hover: #f4cdd1;
    --tamaro-overlay-header-color: var(--tamaro-text-color__inverse);
    --tamaro-overlay-header-bg-color: var(--tamaro-primary-color);
    --tamaro-overlay-header-close-icon-ripple-opacity: .15;
    --tamaro-overlay-header-close-icon-ripple-bg-color: var(--tamaro-overlay-header-color);
    --tamaro-fatal-error-color: #fff;
    --tamaro-fatal-error-bg-color: #e3342f;
    --tamaro-test-mode-bar-color: var(--tamaro-text-color__inverse);
    --tamaro-test-mode-bar-bg-color: #f8a450;
    --tamaro-test-mode-bar-border-color: var(--tamaro-test-mode-bar-bg-color);
    --tamaro-spinner-color: var(--tamaro-primary-color);
    --tamaro-animation-duration: 300ms
}


@-webkit-keyframes autofill {
    to {
        background: transparent;
        background-image: linear-gradient(0deg, #dedede 1px, transparent 0);
        background-image: linear-gradient(0deg, var(--tamaro-border-color) 1px, transparent 0)
    }
}

.bg-black {
    background-color: #22292f
}

.bg-grey-darkest {
    background-color: #3d4852
}

.bg-grey-darker {
    background-color: #606f7b
}

.bg-grey-dark {
    background-color: #8795a1
}

.bg-grey {
    background-color: #b8c2cc
}

.bg-grey-light {
    background-color: #dae1e7
}

.bg-grey-lighter {
    background-color: #f1f5f8
}

.bg-grey-lightest {
    background-color: #f8fafc
}

.bg-white {
    background-color: #fff
}

.bg-red-darkest {
    background-color: #3b0d0c
}

.bg-red-darker {
    background-color: #621b18
}

.bg-red-dark {
    background-color: #cc1f1a
}

.bg-red {
    background-color: #e3342f
}

.bg-red-light {
    background-color: #ef5753
}

.bg-red-lighter {
    background-color: #f9acaa
}

.bg-red-lightest {
    background-color: #fcebea
}

.bg-orange-darkest {
    background-color: #462a16
}

.bg-orange-darker {
    background-color: #613b1f
}

.bg-orange-dark {
    background-color: #de751f
}

.bg-orange {
    background-color: #f6993f
}

.bg-orange-light {
    background-color: #faad63
}

.bg-orange-lighter {
    background-color: #fcd9b6
}

.bg-orange-lightest {
    background-color: #fff5eb
}

.bg-yellow-darkest {
    background-color: #453411
}

.bg-yellow-darker {
    background-color: #684f1d
}

.bg-yellow-dark {
    background-color: #f2d024
}

.bg-yellow {
    background-color: #ffed4a
}

.bg-yellow-light {
    background-color: #fff382
}

.bg-yellow-lighter {
    background-color: #fff9c2
}

.bg-yellow-lightest {
    background-color: #fcfbeb
}

.bg-green-darkest {
    background-color: #0f2f21
}

.bg-green-darker {
    background-color: #1a4731
}

.bg-green-dark {
    background-color: #1f9d55
}

.bg-green {
    background-color: #38c172
}

.bg-green-light {
    background-color: #51d88a
}

.bg-green-lighter {
    background-color: #a2f5bf
}

.bg-green-lightest {
    background-color: #e3fcec
}

.bg-teal-darkest {
    background-color: #0d3331
}

.bg-teal-darker {
    background-color: #20504f
}

.bg-teal-dark {
    background-color: #38a89d
}

.bg-teal {
    background-color: #4dc0b5
}

.bg-teal-light {
    background-color: #64d5ca
}

.bg-teal-lighter {
    background-color: #a0f0ed
}

.bg-teal-lightest {
    background-color: #e8fffe
}

.bg-blue-darkest {
    background-color: #12283a
}

.bg-blue-darker {
    background-color: #1c3d5a
}

.bg-blue-dark {
    background-color: #2779bd
}

.bg-blue {
    background-color: #3490dc
}

.bg-blue-light {
    background-color: #6cb2eb
}

.bg-blue-lighter {
    background-color: #bcdefa
}

.bg-blue-lightest {
    background-color: #eff8ff
}

.bg-indigo-darkest {
    background-color: #191e38
}

.bg-indigo-darker {
    background-color: #2f365f
}

.bg-indigo-dark {
    background-color: #5661b3
}

.bg-indigo {
    background-color: #6574cd
}

.bg-indigo-light {
    background-color: #7886d7
}

.bg-indigo-lighter {
    background-color: #b2b7ff
}

.bg-indigo-lightest {
    background-color: #e6e8ff
}

.bg-purple-darkest {
    background-color: #21183c
}

.bg-purple-darker {
    background-color: #382b5f
}

.bg-purple-dark {
    background-color: #794acf
}

.bg-purple {
    background-color: #9561e2
}

.bg-purple-light {
    background-color: #a779e9
}

.bg-purple-lighter {
    background-color: #d6bbfc
}

.bg-purple-lightest {
    background-color: #f3ebff
}

.bg-pink-darkest {
    background-color: #451225
}

.bg-pink-darker {
    background-color: #6f213f
}

.bg-pink-dark {
    background-color: #eb5286
}

.bg-pink {
    background-color: #f66d9b
}

.bg-pink-light {
    background-color: #fa7ea8
}

.bg-pink-lighter {
    background-color: #ffbbca
}

.bg-pink-lightest {
    background-color: #ffebef
}

.bg-bottom {
    background-position: bottom
}

.bg-center {
    background-position: 50%
}

.bg-left {
    background-position: 0
}

.bg-left-bottom {
    background-position: 0 100%
}

.bg-left-top {
    background-position: 0 0
}

.bg-right {
    background-position: 100%
}

.bg-right-bottom {
    background-position: 100% 100%
}

.bg-right-top {
    background-position: 100% 0
}

.bg-top {
    background-position: top
}

.bg-repeat {
    background-repeat: repeat
}

.bg-no-repeat {
    background-repeat: no-repeat
}

.bg-repeat-x {
    background-repeat: repeat-x
}

.bg-repeat-y {
    background-repeat: repeat-y
}

.bg-auto {
    background-size: auto
}

.bg-cover {
    background-size: cover
}

.bg-contain {
    background-size: contain
}

.border-collapse {
    border-collapse: collapse
}

.border-separate {
    border-collapse: separate
}

.border-transparent {
    border-color: transparent
}

.border-black {
    border-color: #22292f
}

.border-grey-darkest {
    border-color: #3d4852
}

.border-grey-darker {
    border-color: #606f7b
}

.border-grey-dark {
    border-color: #8795a1
}

.border-grey {
    border-color: #b8c2cc
}

.border-grey-light {
    border-color: #dae1e7
}

.border-grey-lighter {
    border-color: #f1f5f8
}

.border-grey-lightest {
    border-color: #f8fafc
}

.border-white {
    border-color: #fff
}

.border-red-darkest {
    border-color: #3b0d0c
}

.border-red-darker {
    border-color: #621b18
}

.border-red-dark {
    border-color: #cc1f1a
}

.border-red {
    border-color: #e3342f
}

.border-red-light {
    border-color: #ef5753
}

.border-red-lighter {
    border-color: #f9acaa
}

.border-red-lightest {
    border-color: #fcebea
}

.border-orange-darkest {
    border-color: #462a16
}

.border-orange-darker {
    border-color: #613b1f
}

.border-orange-dark {
    border-color: #de751f
}

.border-orange {
    border-color: #f6993f
}

.border-orange-light {
    border-color: #faad63
}

.border-orange-lighter {
    border-color: #fcd9b6
}

.border-orange-lightest {
    border-color: #fff5eb
}

.border-yellow-darkest {
    border-color: #453411
}

.border-yellow-darker {
    border-color: #684f1d
}

.border-yellow-dark {
    border-color: #f2d024
}

.border-yellow {
    border-color: #ffed4a
}

.border-yellow-light {
    border-color: #fff382
}

.border-yellow-lighter {
    border-color: #fff9c2
}

.border-yellow-lightest {
    border-color: #fcfbeb
}

.border-green-darkest {
    border-color: #0f2f21
}

.border-green-darker {
    border-color: #1a4731
}

.border-green-dark {
    border-color: #1f9d55
}

.border-green {
    border-color: #38c172
}

.border-green-light {
    border-color: #51d88a
}

.border-green-lighter {
    border-color: #a2f5bf
}

.border-green-lightest {
    border-color: #e3fcec
}

.border-teal-darkest {
    border-color: #0d3331
}

.border-teal-darker {
    border-color: #20504f
}

.border-teal-dark {
    border-color: #38a89d
}

.border-teal {
    border-color: #4dc0b5
}

.border-teal-light {
    border-color: #64d5ca
}

.border-teal-lighter {
    border-color: #a0f0ed
}

.border-teal-lightest {
    border-color: #e8fffe
}

.border-blue-darkest {
    border-color: #12283a
}

.border-blue-darker {
    border-color: #1c3d5a
}

.border-blue-dark {
    border-color: #2779bd
}

.border-blue {
    border-color: #3490dc
}

.border-blue-light {
    border-color: #6cb2eb
}

.border-blue-lighter {
    border-color: #bcdefa
}

.border-blue-lightest {
    border-color: #eff8ff
}

.border-indigo-darkest {
    border-color: #191e38
}

.border-indigo-darker {
    border-color: #2f365f
}

.border-indigo-dark {
    border-color: #5661b3
}

.border-indigo {
    border-color: #6574cd
}

.border-indigo-light {
    border-color: #7886d7
}

.border-indigo-lighter {
    border-color: #b2b7ff
}

.border-indigo-lightest {
    border-color: #e6e8ff
}

.border-purple-darkest {
    border-color: #21183c
}

.border-purple-darker {
    border-color: #382b5f
}

.border-purple-dark {
    border-color: #794acf
}

.border-purple {
    border-color: #9561e2
}

.border-purple-light {
    border-color: #a779e9
}

.border-purple-lighter {
    border-color: #d6bbfc
}

.border-purple-lightest {
    border-color: #f3ebff
}

.border-pink-darkest {
    border-color: #451225
}

.border-pink-darker {
    border-color: #6f213f
}

.border-pink-dark {
    border-color: #eb5286
}

.border-pink {
    border-color: #f66d9b
}

.border-pink-light {
    border-color: #fa7ea8
}

.border-pink-lighter {
    border-color: #ffbbca
}

.border-pink-lightest {
    border-color: #ffebef
}

.shadow-outline {
    box-shadow: 0 0 0 3px rgba(52, 144, 220, .5)
}

.shadow-none {
    box-shadow: none
}

.fill-current {
    fill: currentColor
}

.stroke-current {
    stroke: currentColor
}

.table-auto {
    table-layout: auto
}

.table-fixed {
    table-layout: fixed
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-justify {
    text-align: justify
}

.text-transparent {
    color: transparent
}

.text-black {
    color: #22292f
}

.text-grey-darkest {
    color: #3d4852
}

.text-grey-darker {
    color: #606f7b
}

.text-grey-dark {
    color: #8795a1
}

.text-grey {
    color: #b8c2cc
}

.text-grey-light {
    color: #dae1e7
}

.text-grey-lighter {
    color: #f1f5f8
}

.text-grey-lightest {
    color: #f8fafc
}

.text-white {
    color: #fff
}

.text-red-darkest {
    color: #3b0d0c
}

.text-red-darker {
    color: #621b18
}

.text-red-dark {
    color: #cc1f1a
}

.text-red {
    color: #e3342f
}

.text-red-light {
    color: #ef5753
}

.text-red-lighter {
    color: #f9acaa
}

.text-red-lightest {
    color: #fcebea
}

.text-orange-darkest {
    color: #462a16
}

.text-orange-darker {
    color: #613b1f
}

.text-orange-dark {
    color: #de751f
}

.text-orange {
    color: #f6993f
}

.text-orange-light {
    color: #faad63
}

.text-orange-lighter {
    color: #fcd9b6
}

.text-orange-lightest {
    color: #fff5eb
}

.text-yellow-darkest {
    color: #453411
}

.text-yellow-darker {
    color: #684f1d
}

.text-yellow-dark {
    color: #f2d024
}

.text-yellow {
    color: #ffed4a
}

.text-yellow-light {
    color: #fff382
}

.text-yellow-lighter {
    color: #fff9c2
}

.text-yellow-lightest {
    color: #fcfbeb
}

.text-green-darkest {
    color: #0f2f21
}

.text-green-darker {
    color: #1a4731
}

.text-green-dark {
    color: #1f9d55
}

.text-green {
    color: #38c172
}

.text-green-light {
    color: #51d88a
}

.text-green-lighter {
    color: #a2f5bf
}

.text-green-lightest {
    color: #e3fcec
}

.text-teal-darkest {
    color: #0d3331
}

.text-teal-darker {
    color: #20504f
}

.text-teal-dark {
    color: #38a89d
}

.text-teal {
    color: #4dc0b5
}

.text-teal-light {
    color: #64d5ca
}

.text-teal-lighter {
    color: #a0f0ed
}

.text-teal-lightest {
    color: #e8fffe
}

.text-blue-darkest {
    color: #12283a
}

.text-blue-darker {
    color: #1c3d5a
}

.text-blue-dark {
    color: #2779bd
}

.text-blue {
    color: #3490dc
}

.text-blue-light {
    color: #6cb2eb
}

.text-blue-lighter {
    color: #bcdefa
}

.text-blue-lightest {
    color: #eff8ff
}

.text-indigo-darkest {
    color: #191e38
}

.text-indigo-darker {
    color: #2f365f
}

.text-indigo-dark {
    color: #5661b3
}

.text-indigo {
    color: #6574cd
}

.text-indigo-light {
    color: #7886d7
}

.text-indigo-lighter {
    color: #b2b7ff
}

.text-indigo-lightest {
    color: #e6e8ff
}

.text-purple-darkest {
    color: #21183c
}

.text-purple-darker {
    color: #382b5f
}

.text-purple-dark {
    color: #794acf
}

.text-purple {
    color: #9561e2
}

.text-purple-light {
    color: #a779e9
}

.text-purple-lighter {
    color: #d6bbfc
}

.text-purple-lightest {
    color: #f3ebff
}

.text-pink-darkest {
    color: #451225
}

.text-pink-darker {
    color: #6f213f
}

.text-pink-dark {
    color: #eb5286
}

.text-pink {
    color: #f66d9b
}

.text-pink-light {
    color: #fa7ea8
}

.text-pink-lighter {
    color: #ffbbca
}

.text-pink-lightest {
    color: #ffebef
}


#tamaro-widget.tamaro-widget .info-toggle>.header .header-inner .icon .icon-info .icon-info-inner {
    transition: all .3s ease;
    fill: #c5c5c5;
    fill: var(--tamaro-info-icon-color)
}

#tamaro-widget.tamaro-widget .info-toggle>.header .header-inner .title {
    position: relative;
    font-weight: 300;
    margin-left: 1rem;
    overflow: hidden;
    line-height: 1.5rem;
    transition: all .3s ease;
    color: #999;
    color: var(--tamaro-info-text-color)
}

#tamaro-widget.tamaro-widget .info-toggle>.main .main-inner>.text {
    overflow: hidden;
    padding-top: 1.25rem;
    padding-bottom: 0;
    padding-left: 0;
    padding-left: var(--tamaro-input-padding-x);
    padding-right: 0;
    padding-right: var(--tamaro-input-padding-x)
}

#tamaro-widget.tamaro-widget .info-toggle.expandable>.header .header-inner {
    cursor: pointer
}

#tamaro-widget.tamaro-widget .info-toggle.expandable>.header .header-inner:focus .icon-info-inner,
#tamaro-widget.tamaro-widget .info-toggle.expandable>.header .header-inner:hover .icon-info-inner {
    fill: #444;
    fill: var(--tamaro-info-icon-color__hover)
}

#tamaro-widget.tamaro-widget .info-toggle.expandable>.header .header-inner:focus .title,
#tamaro-widget.tamaro-widget .info-toggle.expandable>.header .header-inner:hover .title {
    color: #444;
    color: var(--tamaro-info-text-color__hover)
}


#tamaro-widget-overlay.tamaro-widget .btn,
#tamaro-widget.tamaro-widget .btn {
    border-width: 1px;
    text-align: center;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    border-radius: .25rem;
    cursor: pointer;
    font-weight: 400;
    font-size: .875rem;
    padding-top: .375rem;
    padding-bottom: .375rem;
    color: #444;
    color: var(--tamaro-button-color);
    background-color: #fff;
    background-color: var(--tamaro-button-bg-color);
    border-color: #dedede;
    border-color: var(--tamaro-button-border-color);
    transition: all .3s ease
}

#tamaro-widget-overlay.tamaro-widget .btn:focus,
#tamaro-widget-overlay.tamaro-widget .btn:hover,
#tamaro-widget.tamaro-widget .btn:focus,
#tamaro-widget.tamaro-widget .btn:hover {
    color: #444;
    color: var(--tamaro-button-color__hover);
    background-color: #fff;
    background-color: var(--tamaro-button-bg-color__hover);
    border-color: #dedede;
    border-color: var(--tamaro-button-border-color__hover);
    box-shadow: 0 .125rem .1875rem rgba(13, 26, 44, .09), 0 .0625rem .25rem rgba(13, 26, 44, .23)
}

#tamaro-widget-overlay.tamaro-widget .btn-primary,
#tamaro-widget.tamaro-widget .btn-primary {
    color: #fff;
    color: var(--tamaro-button-primary-color);
    background-color: #009fe3;
    background-color: var(--tamaro-button-primary-bg-color);
    border-color: #009fe3;
    border-color: var(--tamaro-button-primary-border-color)
}

#tamaro-widget-overlay.tamaro-widget .btn-primary:focus,
#tamaro-widget-overlay.tamaro-widget .btn-primary:hover,
#tamaro-widget.tamaro-widget .btn-primary:focus,
#tamaro-widget.tamaro-widget .btn-primary:hover {
    color: #fff;
    color: var(--tamaro-button-primary-color__hover);
    background-color: #9e2058;
    background-color: var(--tamaro-button-primary-bg-color__hover);
    border-color: #9e2058;
    border-color: var(--tamaro-button-primary-border-color__hover)
}

#tamaro-widget-overlay.tamaro-widget .btn-block,
#tamaro-widget.tamaro-widget .btn-block {
    width: 100%
}

#tamaro-widget-overlay.tamaro-widget .btn-text,
#tamaro-widget.tamaro-widget .btn-text {
    position: relative
}

#tamaro-widget-overlay.tamaro-widget {
    position: absolute;
    top: 99999px
}

#tamaro-widget-overlay.tamaro-widget .overlay-backdrop,
#tamaro-widget.tamaro-widget .overlay-backdrop {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .75;
    background-color: #fff;
    background-color: var(--tamaro-bg-color);
    z-index: 9999
}

#tamaro-widget-overlay.tamaro-widget .overlay-block-wrapper,
#tamaro-widget.tamaro-widget .overlay-block-wrapper {
    display: flex;
    align-items: center;
    justify-content: center
}

#tamaro-widget-overlay.tamaro-widget .overlay-block-wrapper .overlay-block,
#tamaro-widget.tamaro-widget .overlay-block-wrapper .overlay-block {
    display: flex;
    flex-direction: column;
    flex-basis: 100%
}

#tamaro-widget-overlay.tamaro-widget .overlay-block-wrapper .overlay-block .overlay-block-content,
#tamaro-widget-overlay.tamaro-widget .overlay-block-wrapper .overlay-block .overlay-block-header,
#tamaro-widget.tamaro-widget .overlay-block-wrapper .overlay-block .overlay-block-content,
#tamaro-widget.tamaro-widget .overlay-block-wrapper .overlay-block .overlay-block-header {
    margin: 0;
    padding: 0
}

#tamaro-widget-overlay.tamaro-widget .overlay-block-wrapper .overlay-block .overlay-block-header,
#tamaro-widget.tamaro-widget .overlay-block-wrapper .overlay-block .overlay-block-header {
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
    background-color: #009fe3;
    background-color: var(--tamaro-overlay-header-bg-color)
}

#tamaro-widget-overlay.tamaro-widget .overlay-block-wrapper .overlay-block .overlay-block-header .title,
#tamaro-widget.tamaro-widget .overlay-block-wrapper .overlay-block .overlay-block-header .title {
    color: #fff;
    color: var(--tamaro-overlay-header-color);
    margin: 1.25rem 1.25rem 1.25rem 1.5rem
}

#tamaro-widget-overlay.tamaro-widget .overlay-block-wrapper .overlay-block .overlay-block-header .title .text,
#tamaro-widget.tamaro-widget .overlay-block-wrapper .overlay-block .overlay-block-header .title .text {
    font-size: 1rem;
    font-weight: 400
}

#tamaro-widget-overlay.tamaro-widget .overlay-block-wrapper .overlay-block .overlay-block-header button.close,
#tamaro-widget.tamaro-widget .overlay-block-wrapper .overlay-block .overlay-block-header button.close {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 4rem;
    height: 4rem;
    margin-left: auto
}

#tamaro-widget-overlay.tamaro-widget .overlay-block-wrapper .overlay-block .overlay-block-header button.close .icon,
#tamaro-widget.tamaro-widget .overlay-block-wrapper .overlay-block .overlay-block-header button.close .icon {
    width: 1.25rem;
    height: 1.25rem;
    position: relative
}

#tamaro-widget-overlay.tamaro-widget .overlay-block-wrapper .overlay-block .overlay-block-header button.close .icon .icon-close,
#tamaro-widget.tamaro-widget .overlay-block-wrapper .overlay-block .overlay-block-header button.close .icon .icon-close {
    width: 1.25rem;
    height: 1.25rem;
    position: relative;
    z-index: 1
}

#tamaro-widget-overlay.tamaro-widget .overlay-block-wrapper .overlay-block .overlay-block-header button.close .icon .icon-close .icon-close-inner,
#tamaro-widget.tamaro-widget .overlay-block-wrapper .overlay-block .overlay-block-header button.close .icon .icon-close .icon-close-inner {
    fill: #fff;
    fill: var(--tamaro-overlay-header-color)
}

#tamaro-widget-overlay.tamaro-widget .overlay-block-wrapper .overlay-block .overlay-block-content,
#tamaro-widget.tamaro-widget .overlay-block-wrapper .overlay-block .overlay-block-content {
    overflow-y: auto;
    padding: 1.25rem 1.5rem
}

@-webkit-keyframes tamaro-overlay-header-close-icon-focus__keyboard {
    0% {
        opacity: 0;
        transform: scale(0)
    }
    to {
        opacity: .15;
        opacity: var(--tamaro-overlay-header-close-icon-ripple-opacity);
        transform: scale(1.6)
    }
}

@keyframes tamaro-overlay-header-close-icon-focus__keyboard {
    0% {
        opacity: 0;
        transform: scale(0)
    }
    to {
        opacity: .15;
        opacity: var(--tamaro-overlay-header-close-icon-ripple-opacity);
        transform: scale(1.6)
    }
}

[data-whatinput=keyboard] #tamaro-widget-overlay.tamaro-widget .overlay-block-wrapper .overlay-block .overlay-block-header button.close .icon:after,
[data-whatinput=keyboard] #tamaro-widget.tamaro-widget .overlay-block-wrapper .overlay-block .overlay-block-header button.close .icon:after {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: 100%;
    background-color: #fff;
    background-color: var(--tamaro-overlay-header-close-icon-ripple-bg-color);
    opacity: 0
}

[data-whatinput=keyboard] #tamaro-widget-overlay.tamaro-widget .overlay-block-wrapper .overlay-block .overlay-block-header button.close:focus .icon:after,
[data-whatinput=keyboard] #tamaro-widget.tamaro-widget .overlay-block-wrapper .overlay-block .overlay-block-header button.close:focus .icon:after {
    -webkit-animation: tamaro-overlay-header-close-icon-focus__keyboard .3s ease forwards;
    animation: tamaro-overlay-header-close-icon-focus__keyboard .3s ease forwards
}

body.tamaro-widget-overlay-shown.tamaro-widget-overlay-outer {
    overflow: hidden
}

body.tamaro-widget-overlay-outer #tamaro-widget-overlay.tamaro-widget .overlay-block-wrapper,
body.tamaro-widget-overlay-outer #tamaro-widget.tamaro-widget .overlay-block-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999
}

body.tamaro-widget-overlay-outer #tamaro-widget-overlay.tamaro-widget .overlay-block-wrapper .overlay-block,
body.tamaro-widget-overlay-outer #tamaro-widget.tamaro-widget .overlay-block-wrapper .overlay-block {
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .11), 0 5px 15px 0 rgba(0, 0, 0, .08);
    position: relative;
    background-color: #fff;
    background-color: var(--tamaro-bg-color);
    max-width: 33.75rem;
    max-height: 100%
}

body.tamaro-widget-overlay-inner #tamaro-widget-overlay.tamaro-widget .overlay-block-wrapper+.overlay-block-wrapper,
body.tamaro-widget-overlay-inner #tamaro-widget.tamaro-widget .overlay-block-wrapper+.overlay-block-wrapper {
    margin-top: 4rem
}

body.tamaro-widget-overlay-outer #tamaro-widget-overlay.tamaro-widget .overlay-data-protection-policy-block .overlay-block,
body.tamaro-widget-overlay-outer #tamaro-widget.tamaro-widget .overlay-data-protection-policy-block .overlay-block {
    height: 100%;
    max-height: 30rem
}

@media (min-height:30rem) {
    body.tamaro-widget-overlay-outer #tamaro-widget-overlay.tamaro-widget .overlay-data-protection-policy-block .overlay-block,
    body.tamaro-widget-overlay-outer #tamaro-widget.tamaro-widget .overlay-data-protection-policy-block .overlay-block {
        height: auto
    }
}

body.tamaro-widget-overlay-outer #tamaro-widget-overlay.tamaro-widget .overlay-data-protection-policy-block .overlay-block:after,
body.tamaro-widget-overlay-outer #tamaro-widget.tamaro-widget .overlay-data-protection-policy-block .overlay-block:after {
    position: absolute;
    background-color: #fff;
    background-color: var(--tamaro-bg-color);
    content: "";
    left: 0;
    bottom: 0;
    width: calc(100% - 1rem);
    height: 1.5rem
}

#tamaro-widget-overlay.tamaro-widget .overlay-data-protection-policy h1,
#tamaro-widget-overlay.tamaro-widget .overlay-data-protection-policy h2,
#tamaro-widget-overlay.tamaro-widget .overlay-data-protection-policy h3,
#tamaro-widget-overlay.tamaro-widget .overlay-data-protection-policy h4,
#tamaro-widget-overlay.tamaro-widget .overlay-data-protection-policy h5,
#tamaro-widget-overlay.tamaro-widget .overlay-data-protection-policy h6,
#tamaro-widget.tamaro-widget .overlay-data-protection-policy h1,
#tamaro-widget.tamaro-widget .overlay-data-protection-policy h2,
#tamaro-widget.tamaro-widget .overlay-data-protection-policy h3,
#tamaro-widget.tamaro-widget .overlay-data-protection-policy h4,
#tamaro-widget.tamaro-widget .overlay-data-protection-policy h5,
#tamaro-widget.tamaro-widget .overlay-data-protection-policy h6 {
    font-weight: 400
}

#tamaro-widget-overlay.tamaro-widget .overlay-sms-poll-change-number,
#tamaro-widget-overlay.tamaro-widget .overlay-sms-poll-countdown,
#tamaro-widget.tamaro-widget .overlay-sms-poll-change-number,
#tamaro-widget.tamaro-widget .overlay-sms-poll-countdown {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

#tamaro-widget-overlay.tamaro-widget .overlay-sms-poll-change-number>.header,
#tamaro-widget-overlay.tamaro-widget .overlay-sms-poll-countdown>.header,
#tamaro-widget.tamaro-widget .overlay-sms-poll-change-number>.header,
#tamaro-widget.tamaro-widget .overlay-sms-poll-countdown>.header {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
    margin-top: .5rem
}

#tamaro-widget-overlay.tamaro-widget .overlay-sms-poll-change-number>.main,
#tamaro-widget-overlay.tamaro-widget .overlay-sms-poll-countdown>.main,
#tamaro-widget.tamaro-widget .overlay-sms-poll-change-number>.main,
#tamaro-widget.tamaro-widget .overlay-sms-poll-countdown>.main {
    margin-top: 2rem;
    width: 100%
}

#tamaro-widget-overlay.tamaro-widget .overlay-sms-poll-change-number>.main>.subtitle,
#tamaro-widget-overlay.tamaro-widget .overlay-sms-poll-countdown>.main>.subtitle,
#tamaro-widget.tamaro-widget .overlay-sms-poll-change-number>.main>.subtitle,
#tamaro-widget.tamaro-widget .overlay-sms-poll-countdown>.main>.subtitle {
    text-align: center
}

#tamaro-widget-overlay.tamaro-widget .overlay-sms-poll-change-number>.main>.subtitle .text,
#tamaro-widget-overlay.tamaro-widget .overlay-sms-poll-countdown>.main>.subtitle .text,
#tamaro-widget.tamaro-widget .overlay-sms-poll-change-number>.main>.subtitle .text,
#tamaro-widget.tamaro-widget .overlay-sms-poll-countdown>.main>.subtitle .text {
    font-weight: 400;
    font-size: 1.125rem
}

#tamaro-widget-overlay.tamaro-widget .overlay-sms-poll-change-number>.main>.text,
#tamaro-widget-overlay.tamaro-widget .overlay-sms-poll-countdown>.main>.text,
#tamaro-widget.tamaro-widget .overlay-sms-poll-change-number>.main>.text,
#tamaro-widget.tamaro-widget .overlay-sms-poll-countdown>.main>.text {
    text-align: center;
    margin-top: 1rem;
    margin-bottom: 1rem
}

#tamaro-widget-overlay.tamaro-widget .overlay-sms-poll-change-number>.actions,
#tamaro-widget-overlay.tamaro-widget .overlay-sms-poll-countdown>.actions,
#tamaro-widget.tamaro-widget .overlay-sms-poll-change-number>.actions,
#tamaro-widget.tamaro-widget .overlay-sms-poll-countdown>.actions {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%
}

#tamaro-widget-overlay.tamaro-widget .overlay-sms-poll-countdown>.header .countdown-placeholder,
#tamaro-widget.tamaro-widget .overlay-sms-poll-countdown>.header .countdown-placeholder {
    position: relative
}

#tamaro-widget-overlay.tamaro-widget .overlay-sms-poll-countdown>.header .countdown-placeholder .icon-sms,
#tamaro-widget.tamaro-widget .overlay-sms-poll-countdown>.header .countdown-placeholder .icon-sms {
    width: 18.5rem;
    height: 14.5rem
}

#tamaro-widget-overlay.tamaro-widget .overlay-sms-poll-countdown>.header .countdown-placeholder .icon-sms .number-of-letters,
#tamaro-widget-overlay.tamaro-widget .overlay-sms-poll-countdown>.header .countdown-placeholder .icon-sms .sms-bubble,
#tamaro-widget.tamaro-widget .overlay-sms-poll-countdown>.header .countdown-placeholder .icon-sms .number-of-letters,
#tamaro-widget.tamaro-widget .overlay-sms-poll-countdown>.header .countdown-placeholder .icon-sms .sms-bubble {
    fill: #009fe3;
    fill: var(--tamaro-primary-color)
}

#tamaro-widget-overlay.tamaro-widget .overlay-sms-poll-countdown>.header .countdown-placeholder .countdown,
#tamaro-widget.tamaro-widget .overlay-sms-poll-countdown>.header .countdown-placeholder .countdown {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    font-weight: 400;
    font-size: 2.25rem;
    color: #fff;
    font-size: 2.25rem;
    height: 6.25rem;
    width: 8rem;
    top: 0;
    left: 0
}

#tamaro-widget-overlay.tamaro-widget .overlay-sms-poll-countdown>.actions,
#tamaro-widget.tamaro-widget .overlay-sms-poll-countdown>.actions {
    border-top-width: 1px;
    margin-top: 1rem;
    padding-top: 1rem
}

#tamaro-widget-overlay.tamaro-widget .overlay-sms-poll-countdown>.actions button,
#tamaro-widget.tamaro-widget .overlay-sms-poll-countdown>.actions button {
    margin: 0;
    padding-top: .5rem;
    padding-bottom: .5rem
}

#tamaro-widget-overlay.tamaro-widget .overlay-sms-poll-countdown>.actions button.action-change-number,
#tamaro-widget.tamaro-widget .overlay-sms-poll-countdown>.actions button.action-change-number {
    padding-left: 1rem;
    padding-right: 1rem
}

#tamaro-widget-overlay.tamaro-widget .overlay-sms-poll-countdown>.actions button.action-cancel,
#tamaro-widget.tamaro-widget .overlay-sms-poll-countdown>.actions button.action-cancel {
    padding-left: 1rem;
    padding-right: 1rem;
    border-left-width: 1px
}

#tamaro-widget-overlay.tamaro-widget .overlay-sms-poll-change-number>.header .icon-nosms,
#tamaro-widget.tamaro-widget .overlay-sms-poll-change-number>.header .icon-nosms {
    width: 13.75rem;
    height: 13.75rem
}

#tamaro-widget-overlay.tamaro-widget .overlay-sms-poll-change-number>.header .icon-nosms .question-mark,
#tamaro-widget.tamaro-widget .overlay-sms-poll-change-number>.header .icon-nosms .question-mark {
    fill: #009fe3;
    fill: var(--tamaro-primary-color)
}

#tamaro-widget-overlay.tamaro-widget .overlay-sms-poll-change-number>.actions,
#tamaro-widget.tamaro-widget .overlay-sms-poll-change-number>.actions {
    flex-direction: column;
    margin-top: .5rem
}

#tamaro-widget-overlay.tamaro-widget .overlay-sms-poll-change-number>.actions button,
#tamaro-widget.tamaro-widget .overlay-sms-poll-change-number>.actions button {
    margin: 0
}

#tamaro-widget-overlay.tamaro-widget .overlay-sms-poll-change-number>.actions button.action-submit,
#tamaro-widget.tamaro-widget .overlay-sms-poll-change-number>.actions button.action-submit {
    font-size: 1.125rem;
    height: 3rem
}

#tamaro-widget-overlay.tamaro-widget .overlay-sms-poll-change-number>.actions button.action-cancel,
#tamaro-widget.tamaro-widget .overlay-sms-poll-change-number>.actions button.action-cancel {
    margin-top: 1rem;
    margin-bottom: .5rem
}

#tamaro-widget-overlay.tamaro-widget input::-ms-clear,
#tamaro-widget-overlay.tamaro-widget input::-ms-reveal,
#tamaro-widget.tamaro-widget input::-ms-clear,
#tamaro-widget.tamaro-widget input::-ms-reveal {
    display: none;
    width: 0;
    height: 0
}

#tamaro-widget-overlay.tamaro-widget .input-select,
#tamaro-widget-overlay.tamaro-widget .input-text,
#tamaro-widget-overlay.tamaro-widget .input-textarea,
#tamaro-widget.tamaro-widget .input-select,
#tamaro-widget.tamaro-widget .input-text,
#tamaro-widget.tamaro-widget .input-textarea {
    display: block;
    font-weight: 400;
    width: 100%;
    padding-top: 1.5rem;
    padding-bottom: .5rem
}

#tamaro-widget-overlay.tamaro-widget .input-select:focus,
#tamaro-widget-overlay.tamaro-widget .input-text:focus,
#tamaro-widget-overlay.tamaro-widget .input-textarea:focus,
#tamaro-widget.tamaro-widget .input-select:focus,
#tamaro-widget.tamaro-widget .input-text:focus,
#tamaro-widget.tamaro-widget .input-textarea:focus {
    outline: none!important
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    #tamaro-widget-overlay.tamaro-widget .input-select,
    #tamaro-widget-overlay.tamaro-widget .input-text,
    #tamaro-widget-overlay.tamaro-widget .input-textarea,
    #tamaro-widget.tamaro-widget .input-select,
    #tamaro-widget.tamaro-widget .input-text,
    #tamaro-widget.tamaro-widget .input-textarea {
        padding-bottom: .75rem
    }
}

#tamaro-widget-overlay.tamaro-widget .input-text::-webkit-input-placeholder,
#tamaro-widget-overlay.tamaro-widget .input-textarea::-webkit-input-placeholder,
#tamaro-widget.tamaro-widget .input-text::-webkit-input-placeholder,
#tamaro-widget.tamaro-widget .input-textarea::-webkit-input-placeholder {
    font-weight: 300;
    opacity: 1;
    color: #444;
    color: var(--tamaro-input-color);
    transition: none
}

#tamaro-widget-overlay.tamaro-widget .input-text::-moz-placeholder,
#tamaro-widget-overlay.tamaro-widget .input-textarea::-moz-placeholder,
#tamaro-widget.tamaro-widget .input-text::-moz-placeholder,
#tamaro-widget.tamaro-widget .input-textarea::-moz-placeholder {
    font-weight: 300;
    opacity: 1;
    color: #444;
    color: var(--tamaro-input-color);
    transition: none
}

#tamaro-widget-overlay.tamaro-widget .input-text:-ms-input-placeholder,
#tamaro-widget-overlay.tamaro-widget .input-textarea:-ms-input-placeholder,
#tamaro-widget.tamaro-widget .input-text:-ms-input-placeholder,
#tamaro-widget.tamaro-widget .input-textarea:-ms-input-placeholder {
    font-weight: 300;
    opacity: 1;
    color: #444;
    color: var(--tamaro-input-color);
    transition: none
}

#tamaro-widget-overlay.tamaro-widget .input-text::-ms-input-placeholder,
#tamaro-widget-overlay.tamaro-widget .input-textarea::-ms-input-placeholder,
#tamaro-widget.tamaro-widget .input-text::-ms-input-placeholder,
#tamaro-widget.tamaro-widget .input-textarea::-ms-input-placeholder {
    font-weight: 300;
    opacity: 1;
    color: #444;
    color: var(--tamaro-input-color);
    transition: none
}

#tamaro-widget-overlay.tamaro-widget .input-text::placeholder,
#tamaro-widget-overlay.tamaro-widget .input-textarea::placeholder,
#tamaro-widget.tamaro-widget .input-text::placeholder,
#tamaro-widget.tamaro-widget .input-textarea::placeholder {
    font-weight: 300;
    opacity: 1;
    color: #444;
    color: var(--tamaro-input-color);
    transition: none
}

#tamaro-widget-overlay.tamaro-widget .input-textarea,
#tamaro-widget.tamaro-widget .input-textarea {
    height: auto;
    overflow: hidden;
    resize: none
}

#tamaro-widget-overlay.tamaro-widget .input-checkbox,
#tamaro-widget-overlay.tamaro-widget .input-radio,
#tamaro-widget.tamaro-widget .input-checkbox,
#tamaro-widget.tamaro-widget .input-radio {
    height: 1.5rem;
    margin-right: .5rem
}

#tamaro-widget-overlay.tamaro-widget .md-custom-checkable,
#tamaro-widget.tamaro-widget .md-custom-checkable {
    position: absolute;
    opacity: 0
}

#tamaro-widget-overlay.tamaro-widget .form-block,
#tamaro-widget.tamaro-widget .form-block {
    width: 100%
}

#tamaro-widget-overlay.tamaro-widget .form-block .field-block,
#tamaro-widget.tamaro-widget .form-block .field-block {
    width: 100%;
    position: relative
}

#tamaro-widget-overlay.tamaro-widget .form-block .label-block,
#tamaro-widget.tamaro-widget .form-block .label-block {
    width: auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    max-width: calc(100% - 2*var(--tamaro-input-padding-x));
    color: #999;
    color: var(--tamaro-label-color);
    cursor: text
}

#tamaro-widget-overlay.tamaro-widget .form-block+.form-block,
#tamaro-widget.tamaro-widget .form-block+.form-block {
    margin-top: 1.5rem
}

#tamaro-widget-overlay.tamaro-widget .label-checkbox-block,
#tamaro-widget-overlay.tamaro-widget .label-radio-block,
#tamaro-widget.tamaro-widget .label-checkbox-block,
#tamaro-widget.tamaro-widget .label-radio-block {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    vertical-align: top;
    width: 100%;
    cursor: pointer;
    line-height: 1.5rem;
    transition: all .3s ease;
    border-width: 1px;
    padding: 1.25rem;
    color: #444;
    color: var(--tamaro-label-checkable-color)
}

#tamaro-widget-overlay.tamaro-widget .label-checkbox-block.input-checked,
#tamaro-widget-overlay.tamaro-widget .label-radio-block.input-checked,
#tamaro-widget.tamaro-widget .label-checkbox-block.input-checked,
#tamaro-widget.tamaro-widget .label-radio-block.input-checked {
    color: #444;
    color: var(--tamaro-label-checkable-color__checked)
}

#tamaro-widget-overlay.tamaro-widget .label-checkbox-block:hover,
#tamaro-widget-overlay.tamaro-widget .label-radio-block:hover,
#tamaro-widget.tamaro-widget .label-checkbox-block:hover,
#tamaro-widget.tamaro-widget .label-radio-block:hover {
    background-color: #f9f9f9;
    background-color: var(--tamaro-bg-color__hover)
}

#tamaro-widget-overlay.tamaro-widget .label-checkbox-block+.label-checkbox-block,
#tamaro-widget-overlay.tamaro-widget .label-radio-block+.label-radio-block,
#tamaro-widget.tamaro-widget .label-checkbox-block+.label-checkbox-block,
#tamaro-widget.tamaro-widget .label-radio-block+.label-radio-block {
    margin-top: .75rem
}

#tamaro-widget-overlay.tamaro-widget .field-block-inline,
#tamaro-widget.tamaro-widget .field-block-inline {
    display: flex;
    flex-direction: row
}

#tamaro-widget-overlay.tamaro-widget .field-block-inline .label-checkbox-block,
#tamaro-widget-overlay.tamaro-widget .field-block-inline .label-radio-block,
#tamaro-widget.tamaro-widget .field-block-inline .label-checkbox-block,
#tamaro-widget.tamaro-widget .field-block-inline .label-radio-block {
    width: auto
}

#tamaro-widget-overlay.tamaro-widget .field-block-inline .label-checkbox-block+.label-checkbox-block,
#tamaro-widget-overlay.tamaro-widget .field-block-inline .label-radio-block+.label-radio-block,
#tamaro-widget.tamaro-widget .field-block-inline .label-checkbox-block+.label-checkbox-block,
#tamaro-widget.tamaro-widget .field-block-inline .label-radio-block+.label-radio-block {
    margin-top: 0;
    margin-left: 2rem
}

#tamaro-widget-overlay.tamaro-widget .label-block .label-mark-required:after,
#tamaro-widget-overlay.tamaro-widget .label-checkbox-block .label-mark-required:after,
#tamaro-widget-overlay.tamaro-widget .label-radio-block .label-mark-required:after,
#tamaro-widget.tamaro-widget .label-block .label-mark-required:after,
#tamaro-widget.tamaro-widget .label-checkbox-block .label-mark-required:after,
#tamaro-widget.tamaro-widget .label-radio-block .label-mark-required:after {
    content: "*";
    color: transparent;
    color: var(--tamaro-label-mark-required-color);
    margin-left: .25rem;
    display: inline-block
}

#tamaro-widget-overlay.tamaro-widget .form-block.input-wrapper .field-block,
#tamaro-widget-overlay.tamaro-widget .form-block.select-wrapper .field-block,
#tamaro-widget-overlay.tamaro-widget .form-block.textarea-wrapper .field-block,
#tamaro-widget.tamaro-widget .form-block.input-wrapper .field-block,
#tamaro-widget.tamaro-widget .form-block.select-wrapper .field-block,
#tamaro-widget.tamaro-widget .form-block.textarea-wrapper .field-block {
    background-image: linear-gradient(0deg, #009fe3 2px, transparent 0), linear-gradient(0deg, #dedede 1px, transparent 0);
    background-image: linear-gradient(0deg, var(--tamaro-input-border-color__active) 2px, transparent 0), linear-gradient(0deg, var(--tamaro-input-border-color) 1px, transparent 0);
    background-size: 0 100%, 100% 100%;
    background-repeat: no-repeat;
    background-position: 50% 100%, 0 0;
    transition: all .3s ease
}

#tamaro-widget-overlay.tamaro-widget .form-block.input-wrapper .field-block,
#tamaro-widget-overlay.tamaro-widget .form-block.textarea-wrapper .field-block,
#tamaro-widget.tamaro-widget .form-block.input-wrapper .field-block,
#tamaro-widget.tamaro-widget .form-block.textarea-wrapper .field-block {
    background-color: transparent;
    background-color: var(--tamaro-input-bg-color);
    padding: 0;
    padding: 0 var(--tamaro-input-padding-x)
}

#tamaro-widget-overlay.tamaro-widget .form-block.select-wrapper .field-block,
#tamaro-widget.tamaro-widget .form-block.select-wrapper .field-block {
    background-color: transparent;
    background-color: var(--tamaro-select-bg-color);
    padding: 0;
    padding: 0 var(--tamaro-input-padding-x)
}

#tamaro-widget-overlay.tamaro-widget .form-block.checkable-list-wrapper .label-block+.field-block,
#tamaro-widget.tamaro-widget .form-block.checkable-list-wrapper .label-block+.field-block {
    margin-top: .5rem
}

#tamaro-widget-overlay.tamaro-widget .form-block.md-transition .label-block,
#tamaro-widget.tamaro-widget .form-block.md-transition .label-block {
    transition: all .3s ease
}

#tamaro-widget-overlay.tamaro-widget .form-block.input-wrapper .label-block,
#tamaro-widget-overlay.tamaro-widget .form-block.select-wrapper .label-block,
#tamaro-widget-overlay.tamaro-widget .form-block.textarea-wrapper .label-block,
#tamaro-widget.tamaro-widget .form-block.input-wrapper .label-block,
#tamaro-widget.tamaro-widget .form-block.select-wrapper .label-block,
#tamaro-widget.tamaro-widget .form-block.textarea-wrapper .label-block {
    position: absolute;
    transform-origin: left
}

#tamaro-widget-overlay.tamaro-widget .form-block.input-wrapper.static-label .label-block,
#tamaro-widget-overlay.tamaro-widget .form-block.select-wrapper.static-label .label-block,
#tamaro-widget-overlay.tamaro-widget .form-block.textarea-wrapper.static-label .label-block,
#tamaro-widget.tamaro-widget .form-block.input-wrapper.static-label .label-block,
#tamaro-widget.tamaro-widget .form-block.select-wrapper.static-label .label-block,
#tamaro-widget.tamaro-widget .form-block.textarea-wrapper.static-label .label-block {
    font-size: 90%;
    top: 0;
    left: 0;
    left: var(--tamaro-input-padding-x)
}

#tamaro-widget-overlay.tamaro-widget .form-block.input-wrapper.floating-label .label-block,
#tamaro-widget-overlay.tamaro-widget .form-block.select-wrapper.floating-label .label-block,
#tamaro-widget-overlay.tamaro-widget .form-block.textarea-wrapper.floating-label .label-block,
#tamaro-widget.tamaro-widget .form-block.input-wrapper.floating-label .label-block,
#tamaro-widget.tamaro-widget .form-block.select-wrapper.floating-label .label-block,
#tamaro-widget.tamaro-widget .form-block.textarea-wrapper.floating-label .label-block {
    font-size: 100%;
    top: 1.5rem
}

#tamaro-widget-overlay.tamaro-widget .form-block.input-wrapper.floating-label.input-filled .label-block,
#tamaro-widget-overlay.tamaro-widget .form-block.input-wrapper.floating-label.input-focused .label-block,
#tamaro-widget-overlay.tamaro-widget .form-block.select-wrapper.floating-label.input-filled .label-block,
#tamaro-widget-overlay.tamaro-widget .form-block.select-wrapper.floating-label.input-focused .label-block,
#tamaro-widget-overlay.tamaro-widget .form-block.textarea-wrapper.floating-label.input-filled .label-block,
#tamaro-widget-overlay.tamaro-widget .form-block.textarea-wrapper.floating-label.input-focused .label-block,
#tamaro-widget.tamaro-widget .form-block.input-wrapper.floating-label.input-filled .label-block,
#tamaro-widget.tamaro-widget .form-block.input-wrapper.floating-label.input-focused .label-block,
#tamaro-widget.tamaro-widget .form-block.select-wrapper.floating-label.input-filled .label-block,
#tamaro-widget.tamaro-widget .form-block.select-wrapper.floating-label.input-focused .label-block,
#tamaro-widget.tamaro-widget .form-block.textarea-wrapper.floating-label.input-filled .label-block,
#tamaro-widget.tamaro-widget .form-block.textarea-wrapper.floating-label.input-focused .label-block {
    transform: translateY(-1.45rem) scale(.9)
}

#tamaro-widget-overlay.tamaro-widget .form-block.select-wrapper .field-block .input-select,
#tamaro-widget.tamaro-widget .form-block.select-wrapper .field-block .input-select {
    position: relative;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    text-indent: .01px;
    text-overflow: "";
    z-index: 1;
    padding-right: 2.5rem
}

#tamaro-widget-overlay.tamaro-widget .form-block.select-wrapper .field-block .input-select option,
#tamaro-widget.tamaro-widget .form-block.select-wrapper .field-block .input-select option {
    color: #444;
    color: var(--tamaro-select-color)
}

#tamaro-widget-overlay.tamaro-widget .form-block.select-wrapper .field-block .input-select::-ms-expand,
#tamaro-widget.tamaro-widget .form-block.select-wrapper .field-block .input-select::-ms-expand {
    display: none
}

#tamaro-widget-overlay.tamaro-widget .form-block.select-wrapper .field-block .input-select::-ms-value,
#tamaro-widget.tamaro-widget .form-block.select-wrapper .field-block .input-select::-ms-value {
    background: none;
    color: #444;
    color: var(--tamaro-select-color)
}

@-moz-document url-prefix() {
    #tamaro-widget-overlay.tamaro-widget .form-block.select-wrapper .field-block .input-select,
    #tamaro-widget.tamaro-widget .form-block.select-wrapper .field-block .input-select {
        color: transparent!important;
        text-shadow: 0 0 0 #444!important;
        text-shadow: 0 0 0 var(--tamaro-select-color)!important
    }
    #tamaro-widget-overlay.tamaro-widget .form-block.select-wrapper .field-block .input-select option,
    #tamaro-widget.tamaro-widget .form-block.select-wrapper .field-block .input-select option {
        color: #000!important;
        text-shadow: 0 0 0 transparent!important
    }
}

#tamaro-widget-overlay.tamaro-widget .form-block.select-wrapper.input-empty .field-block .input-select,
#tamaro-widget.tamaro-widget .form-block.select-wrapper.input-empty .field-block .input-select {
    color: transparent
}

@supports (-ms-ime-align:auto) {
    #tamaro-widget-overlay.tamaro-widget .form-block.select-wrapper.input-empty .field-block .input-select,
    #tamaro-widget.tamaro-widget .form-block.select-wrapper.input-empty .field-block .input-select {
        color: #444;
        color: var(--tamaro-select-color)
    }
}

#tamaro-widget-overlay.tamaro-widget .form-block.select-wrapper.input-empty .field-block .input-select::-ms-value,
#tamaro-widget.tamaro-widget .form-block.select-wrapper.input-empty .field-block .input-select::-ms-value {
    opacity: 0
}

@-moz-document url-prefix() {
    #tamaro-widget-overlay.tamaro-widget .form-block.select-wrapper.input-empty .field-block .input-select,
    #tamaro-widget.tamaro-widget .form-block.select-wrapper.input-empty .field-block .input-select {
        color: transparent!important;
        text-shadow: 0 0 0 transparent!important
    }
    #tamaro-widget-overlay.tamaro-widget .form-block.select-wrapper.input-empty .field-block .input-select option,
    #tamaro-widget.tamaro-widget .form-block.select-wrapper.input-empty .field-block .input-select option {
        color: #000!important;
        text-shadow: 0 0 0 transparent!important
    }
}

#tamaro-widget-overlay.tamaro-widget .form-block.checkable-list-wrapper .label-block,
#tamaro-widget.tamaro-widget .form-block.checkable-list-wrapper .label-block {
    font-size: 90%
}

#tamaro-widget-overlay.tamaro-widget .form-block.input-focused .label-block,
#tamaro-widget-overlay.tamaro-widget .form-block.input-focused .label-block *,
#tamaro-widget.tamaro-widget .form-block.input-focused .label-block,
#tamaro-widget.tamaro-widget .form-block.input-focused .label-block * {
    color: #009fe3;
    color: var(--tamaro-label-color__active)
}

#tamaro-widget-overlay.tamaro-widget .form-block.input-focused .label-block .label-mark-required:after,
#tamaro-widget.tamaro-widget .form-block.input-focused .label-block .label-mark-required:after {
    color: transparent;
    color: var(--tamaro-label-mark-required-color__active)
}

#tamaro-widget-overlay.tamaro-widget .form-block.input-focused.input-wrapper .field-block,
#tamaro-widget-overlay.tamaro-widget .form-block.input-focused.select-wrapper .field-block,
#tamaro-widget-overlay.tamaro-widget .form-block.input-focused.textarea-wrapper .field-block,
#tamaro-widget.tamaro-widget .form-block.input-focused.input-wrapper .field-block,
#tamaro-widget.tamaro-widget .form-block.input-focused.select-wrapper .field-block,
#tamaro-widget.tamaro-widget .form-block.input-focused.textarea-wrapper .field-block {
    background-size: 100% 100%
}

#tamaro-widget-overlay.tamaro-widget .form-block.has-error .label-block,
#tamaro-widget-overlay.tamaro-widget .form-block.has-error .label-block *,
#tamaro-widget.tamaro-widget .form-block.has-error .label-block,
#tamaro-widget.tamaro-widget .form-block.has-error .label-block * {
    color: #d95665;
    color: var(--tamaro-error-color)
}

#tamaro-widget-overlay.tamaro-widget .form-block.has-error .label-block .label-mark-required:after,
#tamaro-widget.tamaro-widget .form-block.has-error .label-block .label-mark-required:after {
    color: transparent;
    color: var(--tamaro-label-mark-required-color__invalid)
}

#tamaro-widget-overlay.tamaro-widget .form-block.has-error.input-wrapper .field-block,
#tamaro-widget-overlay.tamaro-widget .form-block.has-error.select-wrapper .field-block,
#tamaro-widget-overlay.tamaro-widget .form-block.has-error.textarea-wrapper .field-block,
#tamaro-widget.tamaro-widget .form-block.has-error.input-wrapper .field-block,
#tamaro-widget.tamaro-widget .form-block.has-error.select-wrapper .field-block,
#tamaro-widget.tamaro-widget .form-block.has-error.textarea-wrapper .field-block {
    background-image: linear-gradient(0deg, #d95665 2px, transparent 0), linear-gradient(0deg, #d95665 1px, transparent 0);
    background-image: linear-gradient(0deg, var(--tamaro-error-color) 2px, transparent 0), linear-gradient(0deg, var(--tamaro-error-color) 1px, transparent 0);
    border-color: #d95665;
    border-color: var(--tamaro-error-color)
}

#tamaro-widget-overlay.tamaro-widget .form-block .icons-block,
#tamaro-widget.tamaro-widget .form-block .icons-block {
    position: absolute;
    top: 0;
    right: 0;
    right: var(--tamaro-input-padding-x)
}

#tamaro-widget-overlay.tamaro-widget .form-block .icon-error,
#tamaro-widget.tamaro-widget .form-block .icon-error {
    position: absolute;
    background-repeat: no-repeat;
    top: .25rem;
    right: .0625rem;
    width: 1.125rem;
    height: 1.125rem;
    background-size: 1.125rem;
    background-position: 50%;
    background-image: url(icon-danger.1e9ab0bb.svg);
    display: none
}

#tamaro-widget-overlay.tamaro-widget .form-block.has-error .icon-error,
#tamaro-widget.tamaro-widget .form-block.has-error .icon-error {
    display: block
}

#tamaro-widget-overlay.tamaro-widget .form-block.has-error.input-wrapper .icon-error,
#tamaro-widget.tamaro-widget .form-block.has-error.input-wrapper .icon-error {
    top: 1.5rem
}

#tamaro-widget-overlay.tamaro-widget .form-block.has-error.checkable-list-wrapper .label-checkbox-block,
#tamaro-widget.tamaro-widget .form-block.has-error.checkable-list-wrapper .label-checkbox-block {
    padding-right: 2.5rem
}

#tamaro-widget-overlay.tamaro-widget .form-block.has-error.checkable-list-wrapper .icons-block,
#tamaro-widget.tamaro-widget .form-block.has-error.checkable-list-wrapper .icons-block {
    z-index: 1
}

#tamaro-widget-overlay.tamaro-widget .form-block.has-error.checkable-list-wrapper .icons-block .icon-error,
#tamaro-widget.tamaro-widget .form-block.has-error.checkable-list-wrapper .icons-block .icon-error {
    top: 1.5rem;
    right: 1rem
}

#tamaro-widget-overlay.tamaro-widget .form-block.has-error.select-wrapper .field-block .input-select,
#tamaro-widget-overlay.tamaro-widget .form-block.has-error.select-wrapper .label-block,
#tamaro-widget.tamaro-widget .form-block.has-error.select-wrapper .field-block .input-select,
#tamaro-widget.tamaro-widget .form-block.has-error.select-wrapper .label-block {
    padding-right: 4.25rem
}

#tamaro-widget-overlay.tamaro-widget .form-block.has-error .field-block .input-select,
#tamaro-widget-overlay.tamaro-widget .form-block.has-error .field-block .input-text,
#tamaro-widget-overlay.tamaro-widget .form-block.has-error .field-block .input-textarea,
#tamaro-widget-overlay.tamaro-widget .form-block.has-error .label-block,
#tamaro-widget-overlay.tamaro-widget .form-block.has-info-button .field-block .input-select,
#tamaro-widget-overlay.tamaro-widget .form-block.has-info-button .field-block .input-text,
#tamaro-widget-overlay.tamaro-widget .form-block.has-info-button .field-block .input-textarea,
#tamaro-widget-overlay.tamaro-widget .form-block.has-info-button .label-block,
#tamaro-widget.tamaro-widget .form-block.has-error .field-block .input-select,
#tamaro-widget.tamaro-widget .form-block.has-error .field-block .input-text,
#tamaro-widget.tamaro-widget .form-block.has-error .field-block .input-textarea,
#tamaro-widget.tamaro-widget .form-block.has-error .label-block,
#tamaro-widget.tamaro-widget .form-block.has-info-button .field-block .input-select,
#tamaro-widget.tamaro-widget .form-block.has-info-button .field-block .input-text,
#tamaro-widget.tamaro-widget .form-block.has-info-button .field-block .input-textarea,
#tamaro-widget.tamaro-widget .form-block.has-info-button .label-block {
    padding-right: 1.5rem
}

#tamaro-widget-overlay.tamaro-widget .form-block.has-error.has-info-button .field-block .input-select,
#tamaro-widget-overlay.tamaro-widget .form-block.has-error.has-info-button .field-block .input-text,
#tamaro-widget-overlay.tamaro-widget .form-block.has-error.has-info-button .field-block .input-textarea,
#tamaro-widget-overlay.tamaro-widget .form-block.has-error.has-info-button .label-block,
#tamaro-widget.tamaro-widget .form-block.has-error.has-info-button .field-block .input-select,
#tamaro-widget.tamaro-widget .form-block.has-error.has-info-button .field-block .input-text,
#tamaro-widget.tamaro-widget .form-block.has-error.has-info-button .field-block .input-textarea,
#tamaro-widget.tamaro-widget .form-block.has-error.has-info-button .label-block {
    padding-right: 3rem
}

#tamaro-widget-overlay.tamaro-widget .form-block.has-error.has-info-button .icon-error,
#tamaro-widget.tamaro-widget .form-block.has-error.has-info-button .icon-error {
    right: 1.5rem
}

#tamaro-widget-overlay.tamaro-widget .form-block.has-info-button button.info-button,
#tamaro-widget.tamaro-widget .form-block.has-info-button button.info-button {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    width: 1.125rem;
    height: 1.125rem;
    z-index: 1;
    top: 1.5rem
}

#tamaro-widget-overlay.tamaro-widget .form-block.has-info-button button.info-button .icon,
#tamaro-widget.tamaro-widget .form-block.has-info-button button.info-button .icon {
    position: relative;
    width: 1.125rem;
    height: 1.125rem
}

#tamaro-widget-overlay.tamaro-widget .form-block.has-info-button button.info-button .icon .icon-info,
#tamaro-widget.tamaro-widget .form-block.has-info-button button.info-button .icon .icon-info {
    position: relative;
    z-index: 1
}

#tamaro-widget-overlay.tamaro-widget .form-block.has-info-button button.info-button .icon .icon-info .icon-info-inner,
#tamaro-widget.tamaro-widget .form-block.has-info-button button.info-button .icon .icon-info .icon-info-inner {
    transition: all .3s ease;
    fill: #c5c5c5;
    fill: var(--tamaro-info-icon-color)
}

#tamaro-widget-overlay.tamaro-widget .form-block.has-info-button button.info-button:focus .icon .icon-info .icon-info-inner,
#tamaro-widget-overlay.tamaro-widget .form-block.has-info-button button.info-button:hover .icon .icon-info .icon-info-inner,
#tamaro-widget.tamaro-widget .form-block.has-info-button button.info-button:focus .icon .icon-info .icon-info-inner,
#tamaro-widget.tamaro-widget .form-block.has-info-button button.info-button:hover .icon .icon-info .icon-info-inner {
    fill: #444;
    fill: var(--tamaro-info-icon-color__hover)
}

#tamaro-widget-overlay.tamaro-widget .form-block.floating-label .input-text::-webkit-input-placeholder,
#tamaro-widget-overlay.tamaro-widget .form-block.floating-label .input-textarea::-webkit-input-placeholder,
#tamaro-widget.tamaro-widget .form-block.floating-label .input-text::-webkit-input-placeholder,
#tamaro-widget.tamaro-widget .form-block.floating-label .input-textarea::-webkit-input-placeholder {
    color: transparent
}

#tamaro-widget-overlay.tamaro-widget .form-block.floating-label .input-text::-moz-placeholder,
#tamaro-widget-overlay.tamaro-widget .form-block.floating-label .input-textarea::-moz-placeholder,
#tamaro-widget.tamaro-widget .form-block.floating-label .input-text::-moz-placeholder,
#tamaro-widget.tamaro-widget .form-block.floating-label .input-textarea::-moz-placeholder {
    color: transparent
}

#tamaro-widget-overlay.tamaro-widget .form-block.floating-label .input-text:-ms-input-placeholder,
#tamaro-widget-overlay.tamaro-widget .form-block.floating-label .input-textarea:-ms-input-placeholder,
#tamaro-widget.tamaro-widget .form-block.floating-label .input-text:-ms-input-placeholder,
#tamaro-widget.tamaro-widget .form-block.floating-label .input-textarea:-ms-input-placeholder {
    color: transparent
}

#tamaro-widget-overlay.tamaro-widget .form-block.floating-label .input-text::-ms-input-placeholder,
#tamaro-widget-overlay.tamaro-widget .form-block.floating-label .input-textarea::-ms-input-placeholder,
#tamaro-widget.tamaro-widget .form-block.floating-label .input-text::-ms-input-placeholder,
#tamaro-widget.tamaro-widget .form-block.floating-label .input-textarea::-ms-input-placeholder {
    color: transparent
}

#tamaro-widget-overlay.tamaro-widget .form-block.floating-label .input-text::placeholder,
#tamaro-widget-overlay.tamaro-widget .form-block.floating-label .input-textarea::placeholder,
#tamaro-widget.tamaro-widget .form-block.floating-label .input-text::placeholder,
#tamaro-widget.tamaro-widget .form-block.floating-label .input-textarea::placeholder {
    color: transparent
}

#tamaro-widget-overlay.tamaro-widget .form-block.floating-label.input-focused .input-text::-webkit-input-placeholder,
#tamaro-widget-overlay.tamaro-widget .form-block.floating-label.input-focused .input-textarea::-webkit-input-placeholder,
#tamaro-widget.tamaro-widget .form-block.floating-label.input-focused .input-text::-webkit-input-placeholder,
#tamaro-widget.tamaro-widget .form-block.floating-label.input-focused .input-textarea::-webkit-input-placeholder {
    color: #999;
    color: var(--tamaro-placeholder-color);
    transition: color .3s ease
}

#tamaro-widget-overlay.tamaro-widget .form-block.floating-label.input-focused .input-text::-moz-placeholder,
#tamaro-widget-overlay.tamaro-widget .form-block.floating-label.input-focused .input-textarea::-moz-placeholder,
#tamaro-widget.tamaro-widget .form-block.floating-label.input-focused .input-text::-moz-placeholder,
#tamaro-widget.tamaro-widget .form-block.floating-label.input-focused .input-textarea::-moz-placeholder {
    color: #999;
    color: var(--tamaro-placeholder-color);
    transition: color .3s ease
}

#tamaro-widget-overlay.tamaro-widget .form-block.floating-label.input-focused .input-text:-ms-input-placeholder,
#tamaro-widget-overlay.tamaro-widget .form-block.floating-label.input-focused .input-textarea:-ms-input-placeholder,
#tamaro-widget.tamaro-widget .form-block.floating-label.input-focused .input-text:-ms-input-placeholder,
#tamaro-widget.tamaro-widget .form-block.floating-label.input-focused .input-textarea:-ms-input-placeholder {
    color: #999;
    color: var(--tamaro-placeholder-color);
    transition: color .3s ease
}

#tamaro-widget-overlay.tamaro-widget .form-block.floating-label.input-focused .input-text::-ms-input-placeholder,
#tamaro-widget-overlay.tamaro-widget .form-block.floating-label.input-focused .input-textarea::-ms-input-placeholder,
#tamaro-widget.tamaro-widget .form-block.floating-label.input-focused .input-text::-ms-input-placeholder,
#tamaro-widget.tamaro-widget .form-block.floating-label.input-focused .input-textarea::-ms-input-placeholder {
    color: #999;
    color: var(--tamaro-placeholder-color);
    transition: color .3s ease
}

#tamaro-widget-overlay.tamaro-widget .form-block.floating-label.input-focused .input-text::placeholder,
#tamaro-widget-overlay.tamaro-widget .form-block.floating-label.input-focused .input-textarea::placeholder,
#tamaro-widget.tamaro-widget .form-block.floating-label.input-focused .input-text::placeholder,
#tamaro-widget.tamaro-widget .form-block.floating-label.input-focused .input-textarea::placeholder {
    color: #999;
    color: var(--tamaro-placeholder-color);
    transition: color .3s ease
}

#tamaro-widget-overlay.tamaro-widget .form-block.static-label .input-text::-webkit-input-placeholder,
#tamaro-widget-overlay.tamaro-widget .form-block.static-label .input-textarea::-webkit-input-placeholder,
#tamaro-widget.tamaro-widget .form-block.static-label .input-text::-webkit-input-placeholder,
#tamaro-widget.tamaro-widget .form-block.static-label .input-textarea::-webkit-input-placeholder {
    color: #999;
    color: var(--tamaro-placeholder-color)
}

#tamaro-widget-overlay.tamaro-widget .form-block.static-label .input-text::-moz-placeholder,
#tamaro-widget-overlay.tamaro-widget .form-block.static-label .input-textarea::-moz-placeholder,
#tamaro-widget.tamaro-widget .form-block.static-label .input-text::-moz-placeholder,
#tamaro-widget.tamaro-widget .form-block.static-label .input-textarea::-moz-placeholder {
    color: #999;
    color: var(--tamaro-placeholder-color)
}

#tamaro-widget-overlay.tamaro-widget .form-block.static-label .input-text:-ms-input-placeholder,
#tamaro-widget-overlay.tamaro-widget .form-block.static-label .input-textarea:-ms-input-placeholder,
#tamaro-widget.tamaro-widget .form-block.static-label .input-text:-ms-input-placeholder,
#tamaro-widget.tamaro-widget .form-block.static-label .input-textarea:-ms-input-placeholder {
    color: #999;
    color: var(--tamaro-placeholder-color)
}

#tamaro-widget-overlay.tamaro-widget .form-block.static-label .input-text::-ms-input-placeholder,
#tamaro-widget-overlay.tamaro-widget .form-block.static-label .input-textarea::-ms-input-placeholder,
#tamaro-widget.tamaro-widget .form-block.static-label .input-text::-ms-input-placeholder,
#tamaro-widget.tamaro-widget .form-block.static-label .input-textarea::-ms-input-placeholder {
    color: #999;
    color: var(--tamaro-placeholder-color)
}

#tamaro-widget-overlay.tamaro-widget .form-block.static-label .input-text::placeholder,
#tamaro-widget-overlay.tamaro-widget .form-block.static-label .input-textarea::placeholder,
#tamaro-widget.tamaro-widget .form-block.static-label .input-text::placeholder,
#tamaro-widget.tamaro-widget .form-block.static-label .input-textarea::placeholder {
    color: #999;
    color: var(--tamaro-placeholder-color)
}

#tamaro-widget-overlay.tamaro-widget .form-block .error-message,
#tamaro-widget.tamaro-widget .form-block .error-message {
    padding-left: 0;
    padding-left: var(--tamaro-input-padding-x);
    padding-right: 0;
    padding-right: var(--tamaro-input-padding-x)
}

#tamaro-widget-overlay.tamaro-widget .form-block.msisdn,
#tamaro-widget.tamaro-widget .form-block.msisdn {
    transform: translateX(4.5rem);
    width: calc(100% - 4.5rem)
}

#tamaro-widget-overlay.tamaro-widget .form-block.msisdn .icon-mobile,
#tamaro-widget.tamaro-widget .form-block.msisdn .icon-mobile {
    fill: #009fe3;
    fill: var(--tamaro-primary-color);
    position: absolute;
    z-index: 1;
    left: -4.5rem;
    top: 1.4rem;
    width: 1rem;
    height: 1.5625rem
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    #tamaro-widget-overlay.tamaro-widget .form-block.msisdn .icon-mobile,
    #tamaro-widget.tamaro-widget .form-block.msisdn .icon-mobile {
        top: 1.25rem
    }
}

#tamaro-widget-overlay.tamaro-widget .form-block.msisdn .country-code,
#tamaro-widget.tamaro-widget .form-block.msisdn .country-code {
    position: absolute;
    z-index: 1;
    left: -2.5rem;
    top: 1.5rem;
    font-weight: 400
}

#tamaro-widget-overlay.tamaro-widget .overlay-sms-poll-change-number .form-block.msisdn,
#tamaro-widget.tamaro-widget .overlay-sms-poll-change-number .form-block.msisdn {
    max-width: 13.5rem;
    margin-left: auto;
    margin-right: auto
}

#tamaro-widget-overlay.tamaro-widget .overlay-sms-poll-change-number .form-block.msisdn .error-message,
#tamaro-widget.tamaro-widget .overlay-sms-poll-change-number .form-block.msisdn .error-message {
    min-height: 3.5rem
}

#tamaro-widget.tamaro-widget .payment-amounts .amount.custom-amount>.main>label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
    border-style: none;
    clip: rect(0, 0, 0, 0)
}

#tamaro-widget.tamaro-widget .payment-amounts .amount.custom-amount .form-block {
    display: flex;
    align-content: center;
    width: 100%;
    height: 100%
}

#tamaro-widget.tamaro-widget .payment-amounts .amount.custom-amount .form-block label {
    display: flex;
    align-items: center;
    font-weight: 300;
    width: 100%;
    color: #999;
    color: var(--tamaro-placeholder-color);
    font-size: 1rem;
    justify-content: left;
    padding-right: 1.25rem;
    transform: translateX(3.25rem)
}

#tamaro-widget.tamaro-widget .payment-amounts .amount.custom-amount .form-block .input-text {
    display: inline-block;
    font-weight: 500;
    border-width: 0;
    background-color: transparent;
    text-align: center;
    width: 0;
    padding: 0;
    margin: 0;
    color: inherit;
    font-size: 1.875rem
}

#tamaro-widget.tamaro-widget .payment-amounts .amount.custom-amount .form-block.input-filled label,
#tamaro-widget.tamaro-widget .payment-amounts .amount.custom-amount .form-block.input-focused label {
    display: none
}

#tamaro-widget.tamaro-widget .payment-amounts .amount.custom-amount .form-block.input-filled .input-text,
#tamaro-widget.tamaro-widget .payment-amounts .amount.custom-amount .form-block.input-focused .input-text {
    width: 100%
}

#tamaro-widget.tamaro-widget .payment-amounts .amount.custom-amount.selected .form-block label {
    color: #009fe3;
    color: var(--tamaro-primary-color)
}

#tamaro-widget.tamaro-widget.tamaro-bp-xs .payment-amounts .amount.custom-amount .form-block label {
    justify-content: center;
    padding-right: 0;
    transform: translateX(0)
}

#tamaro-widget.tamaro-widget.tamaro-bp-sm .payment-amounts .amounts .amount:nth-child(2n).custom-amount .form-block label {
    justify-content: left;
    padding-right: 1.25rem;
    transform: translateX(3.25rem)
}

#tamaro-widget.tamaro-widget.tamaro-bp-md .payment-amounts .amounts .amount:nth-child(2n).custom-amount .form-block label {
    justify-content: center;
    padding-right: 0;
    transform: translateX(0)
}

#tamaro-widget-overlay.tamaro-widget .form-block .md-select-arrow,
#tamaro-widget.tamaro-widget .form-block .md-select-arrow {
    position: absolute;
    width: 2.5rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left-width: 1px;
    right: 0;
    top: 1.05rem
}

#tamaro-widget-overlay.tamaro-widget .form-block .md-select-arrow .md-select-arrow-inner,
#tamaro-widget.tamaro-widget .form-block .md-select-arrow .md-select-arrow-inner {
    width: 0;
    height: 0;
    border-left: .33rem solid transparent;
    border-right: .33rem solid transparent;
    border-top: .33rem solid #009fe3;
    border-top-color: var(--tamaro-select-arrow-color)
}

#tamaro-widget-overlay.tamaro-widget .form-block.has-error .md-select-arrow,
#tamaro-widget.tamaro-widget .form-block.has-error .md-select-arrow {
    right: 1.75rem
}

#tamaro-widget-overlay.tamaro-widget .form-block.has-error .md-select-arrow .md-select-arrow-inner,
#tamaro-widget.tamaro-widget .form-block.has-error .md-select-arrow .md-select-arrow-inner {
    border-top-color: #d95665;
    border-top-color: var(--tamaro-error-color)
}

@-webkit-keyframes tamaro-md-ripple {
    0% {
        transform: scale(1);
        opacity: .2
    }
    to {
        transform: scale(100);
        opacity: 0
    }
}

@keyframes tamaro-md-ripple {
    0% {
        transform: scale(1);
        opacity: .2
    }
    to {
        transform: scale(100);
        opacity: 0
    }
}

#tamaro-widget-overlay.tamaro-widget .md-ripple,
#tamaro-widget.tamaro-widget .md-ripple {
    position: relative
}

#tamaro-widget-overlay.tamaro-widget .md-ripple .md-ripple-cont,
#tamaro-widget.tamaro-widget .md-ripple .md-ripple-cont {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#tamaro-widget-overlay.tamaro-widget .md-ripple .md-ripple-effect,
#tamaro-widget.tamaro-widget .md-ripple .md-ripple-effect {
    position: absolute;
    opacity: 0;
    border-radius: 50%;
    -webkit-animation: tamaro-md-ripple 1.5s;
    animation: tamaro-md-ripple 1.5s;
    background-color: #ccc;
    background-color: var(--tamaro-ripple-bg-color)
}

#tamaro-widget-overlay.tamaro-widget .md-ripple.btn .md-ripple-effect,
#tamaro-widget.tamaro-widget .md-ripple.btn .md-ripple-effect {
    background-color: #ccc;
    background-color: var(--tamaro-ripple-button-bg-color)
}

#tamaro-widget-overlay.tamaro-widget .md-ripple.btn-primary .md-ripple-effect,
#tamaro-widget.tamaro-widget .md-ripple.btn-primary .md-ripple-effect {
    background-color: #fff;
    background-color: var(--tamaro-ripple-button-primary-bg-color)
}

#tamaro-widget-overlay.tamaro-widget .md-checkable-icon-wrapper,
#tamaro-widget.tamaro-widget .md-checkable-icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-right: 1rem
}

#tamaro-widget-overlay.tamaro-widget .md-checkable-icon,
#tamaro-widget.tamaro-widget .md-checkable-icon {
    transition: all .3s ease;
    position: relative;
    z-index: 1
}

#tamaro-widget-overlay.tamaro-widget .md-checkable-icon.circle,
#tamaro-widget.tamaro-widget .md-checkable-icon.circle {
    width: 1.5rem;
    height: 1.5rem
}

#tamaro-widget-overlay.tamaro-widget .md-checkable-icon.square,
#tamaro-widget.tamaro-widget .md-checkable-icon.square {
    width: 1.375rem;
    height: 1.375rem
}

#tamaro-widget-overlay.tamaro-widget .md-checkable-icon .md-outer-circle,
#tamaro-widget-overlay.tamaro-widget .md-checkable-icon .md-outer-square,
#tamaro-widget.tamaro-widget .md-checkable-icon .md-outer-circle,
#tamaro-widget.tamaro-widget .md-checkable-icon .md-outer-square {
    fill: #fff;
    fill: var(--tamaro-checkable-bg-color);
    stroke: #dedede;
    stroke: var(--tamaro-checkable-color);
    stroke-width: 1.7px;
    stroke-linejoin: round;
    transition: stroke .3s ease
}

#tamaro-widget-overlay.tamaro-widget .md-checkable-icon .md-inner-circle,
#tamaro-widget.tamaro-widget .md-checkable-icon .md-inner-circle {
    fill: #009fe3;
    fill: var(--tamaro-checkable-color__checked);
    stroke: #009fe3;
    stroke: var(--tamaro-checkable-color__checked);
    height: .5rem;
    width: .5rem;
    stroke-width: 1.5px;
    transition: all .3s ease;
    opacity: 0
}

#tamaro-widget-overlay.tamaro-widget .md-checkable-icon .md-inner-tick,
#tamaro-widget.tamaro-widget .md-checkable-icon .md-inner-tick {
    fill: none;
    stroke: #009fe3;
    stroke: var(--tamaro-checkable-color__checked);
    stroke-dasharray: 11px;
    stroke-dashoffset: 11px;
    stroke-width: 1.5px;
    transition: stroke-dashoffset .3s ease
}

#tamaro-widget-overlay.tamaro-widget [type=checkbox]:checked+.md-checkable-icon-wrapper .md-outer-circle,
#tamaro-widget-overlay.tamaro-widget [type=checkbox]:checked+.md-checkable-icon-wrapper .md-outer-square,
#tamaro-widget-overlay.tamaro-widget [type=radio]:checked+.md-checkable-icon-wrapper .md-outer-circle,
#tamaro-widget-overlay.tamaro-widget [type=radio]:checked+.md-checkable-icon-wrapper .md-outer-square,
#tamaro-widget.tamaro-widget [type=checkbox]:checked+.md-checkable-icon-wrapper .md-outer-circle,
#tamaro-widget.tamaro-widget [type=checkbox]:checked+.md-checkable-icon-wrapper .md-outer-square,
#tamaro-widget.tamaro-widget [type=radio]:checked+.md-checkable-icon-wrapper .md-outer-circle,
#tamaro-widget.tamaro-widget [type=radio]:checked+.md-checkable-icon-wrapper .md-outer-square {
    fill: #fff;
    fill: var(--tamaro-checkable-bg-color__checked);
    stroke: #009fe3;
    stroke: var(--tamaro-checkable-color__checked)
}

#tamaro-widget-overlay.tamaro-widget [type=checkbox]:checked+.md-checkable-icon-wrapper .md-inner-tick,
#tamaro-widget-overlay.tamaro-widget [type=radio]:checked+.md-checkable-icon-wrapper .md-inner-tick,
#tamaro-widget.tamaro-widget [type=checkbox]:checked+.md-checkable-icon-wrapper .md-inner-tick,
#tamaro-widget.tamaro-widget [type=radio]:checked+.md-checkable-icon-wrapper .md-inner-tick {
    stroke-dashoffset: 0
}

#tamaro-widget-overlay.tamaro-widget [type=checkbox]:checked+.md-checkable-icon-wrapper .md-inner-circle,
#tamaro-widget-overlay.tamaro-widget [type=radio]:checked+.md-checkable-icon-wrapper .md-inner-circle,
#tamaro-widget.tamaro-widget [type=checkbox]:checked+.md-checkable-icon-wrapper .md-inner-circle,
#tamaro-widget.tamaro-widget [type=radio]:checked+.md-checkable-icon-wrapper .md-inner-circle {
    stroke-width: 4px;
    opacity: 1
}

#tamaro-widget-overlay.tamaro-widget .amount.selected [type=checkbox]+.md-checkable-icon-wrapper .md-outer-circle,
#tamaro-widget-overlay.tamaro-widget .amount.selected [type=checkbox]+.md-checkable-icon-wrapper .md-outer-square,
#tamaro-widget-overlay.tamaro-widget .amount.selected [type=radio]+.md-checkable-icon-wrapper .md-outer-circle,
#tamaro-widget-overlay.tamaro-widget .amount.selected [type=radio]+.md-checkable-icon-wrapper .md-outer-square,
#tamaro-widget-overlay.tamaro-widget .purpose.selected [type=checkbox]+.md-checkable-icon-wrapper .md-outer-circle,
#tamaro-widget-overlay.tamaro-widget .purpose.selected [type=checkbox]+.md-checkable-icon-wrapper .md-outer-square,
#tamaro-widget-overlay.tamaro-widget .purpose.selected [type=radio]+.md-checkable-icon-wrapper .md-outer-circle,
#tamaro-widget-overlay.tamaro-widget .purpose.selected [type=radio]+.md-checkable-icon-wrapper .md-outer-square,
#tamaro-widget.tamaro-widget .amount.selected [type=checkbox]+.md-checkable-icon-wrapper .md-outer-circle,
#tamaro-widget.tamaro-widget .amount.selected [type=checkbox]+.md-checkable-icon-wrapper .md-outer-square,
#tamaro-widget.tamaro-widget .amount.selected [type=radio]+.md-checkable-icon-wrapper .md-outer-circle,
#tamaro-widget.tamaro-widget .amount.selected [type=radio]+.md-checkable-icon-wrapper .md-outer-square,
#tamaro-widget.tamaro-widget .purpose.selected [type=checkbox]+.md-checkable-icon-wrapper .md-outer-circle,
#tamaro-widget.tamaro-widget .purpose.selected [type=checkbox]+.md-checkable-icon-wrapper .md-outer-square,
#tamaro-widget.tamaro-widget .purpose.selected [type=radio]+.md-checkable-icon-wrapper .md-outer-circle,
#tamaro-widget.tamaro-widget .purpose.selected [type=radio]+.md-checkable-icon-wrapper .md-outer-square,
[data-whatinput=keyboard] #tamaro-widget-overlay.tamaro-widget [type=checkbox]:focus+.md-checkable-icon-wrapper .md-outer-circle,
[data-whatinput=keyboard] #tamaro-widget-overlay.tamaro-widget [type=checkbox]:focus+.md-checkable-icon-wrapper .md-outer-square,
[data-whatinput=keyboard] #tamaro-widget-overlay.tamaro-widget [type=radio]:focus+.md-checkable-icon-wrapper .md-outer-circle,
[data-whatinput=keyboard] #tamaro-widget-overlay.tamaro-widget [type=radio]:focus+.md-checkable-icon-wrapper .md-outer-square,
[data-whatinput=keyboard] #tamaro-widget.tamaro-widget [type=checkbox]:focus+.md-checkable-icon-wrapper .md-outer-circle,
[data-whatinput=keyboard] #tamaro-widget.tamaro-widget [type=checkbox]:focus+.md-checkable-icon-wrapper .md-outer-square,
[data-whatinput=keyboard] #tamaro-widget.tamaro-widget [type=radio]:focus+.md-checkable-icon-wrapper .md-outer-circle,
[data-whatinput=keyboard] #tamaro-widget.tamaro-widget [type=radio]:focus+.md-checkable-icon-wrapper .md-outer-square {
    fill: none
}

#tamaro-widget-overlay.tamaro-widget [type=checkbox]+.md-checkable-icon-wrapper:after,
#tamaro-widget-overlay.tamaro-widget [type=radio]+.md-checkable-icon-wrapper:after,
#tamaro-widget.tamaro-widget [type=checkbox]+.md-checkable-icon-wrapper:after,
#tamaro-widget.tamaro-widget [type=radio]+.md-checkable-icon-wrapper:after {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: 100%;
    opacity: 0
}

#tamaro-widget-overlay.tamaro-widget [type=checkbox]:focus+.md-checkable-icon-wrapper:after,
#tamaro-widget-overlay.tamaro-widget [type=radio]:focus+.md-checkable-icon-wrapper:after,
#tamaro-widget.tamaro-widget [type=checkbox]:focus+.md-checkable-icon-wrapper:after,
#tamaro-widget.tamaro-widget [type=radio]:focus+.md-checkable-icon-wrapper:after {
    background-color: #7d7d7d;
    background-color: var(--tamaro-checkable-ripple-bg-color)
}

#tamaro-widget-overlay.tamaro-widget [type=checkbox]:focus:checked+.md-checkable-icon-wrapper:after,
#tamaro-widget-overlay.tamaro-widget [type=radio]:focus:checked+.md-checkable-icon-wrapper:after,
#tamaro-widget.tamaro-widget [type=checkbox]:focus:checked+.md-checkable-icon-wrapper:after,
#tamaro-widget.tamaro-widget [type=radio]:focus:checked+.md-checkable-icon-wrapper:after {
    background-color: #009fe3;
    background-color: var(--tamaro-checkable-ripple-bg-color__checked)
}

@-webkit-keyframes tamaro-checkable-ripple-focus__keyboard__circle {
    0% {
        opacity: 0;
        transform: scale(0)
    }
    to {
        opacity: .1;
        opacity: var(--tamaro-checkable-ripple-opacity);
        transform: scale(1.6)
    }
}

@keyframes tamaro-checkable-ripple-focus__keyboard__circle {
    0% {
        opacity: 0;
        transform: scale(0)
    }
    to {
        opacity: .1;
        opacity: var(--tamaro-checkable-ripple-opacity);
        transform: scale(1.6)
    }
}

@-webkit-keyframes tamaro-checkable-ripple-focus__keyboard__square {
    0% {
        opacity: 0;
        transform: scale(0)
    }
    to {
        opacity: .1;
        opacity: var(--tamaro-checkable-ripple-opacity);
        transform: scale(1.75)
    }
}

@keyframes tamaro-checkable-ripple-focus__keyboard__square {
    0% {
        opacity: 0;
        transform: scale(0)
    }
    to {
        opacity: .1;
        opacity: var(--tamaro-checkable-ripple-opacity);
        transform: scale(1.75)
    }
}

@-webkit-keyframes tamaro-checkable-ripple-focus__mouse {
    0% {
        opacity: .1;
        opacity: var(--tamaro-checkable-ripple-opacity);
        transform: scale(0)
    }
    50% {
        transform: scale(2)
    }
    to {
        opacity: 0;
        transform: scale(2)
    }
}

@keyframes tamaro-checkable-ripple-focus__mouse {
    0% {
        opacity: .1;
        opacity: var(--tamaro-checkable-ripple-opacity);
        transform: scale(0)
    }
    50% {
        transform: scale(2)
    }
    to {
        opacity: 0;
        transform: scale(2)
    }
}

[data-whatinput=keyboard] #tamaro-widget-overlay.tamaro-widget [type=checkbox]:focus+.md-checkable-icon-wrapper.circle:after,
[data-whatinput=keyboard] #tamaro-widget-overlay.tamaro-widget [type=radio]:focus+.md-checkable-icon-wrapper.circle:after,
[data-whatinput=keyboard] #tamaro-widget.tamaro-widget [type=checkbox]:focus+.md-checkable-icon-wrapper.circle:after,
[data-whatinput=keyboard] #tamaro-widget.tamaro-widget [type=radio]:focus+.md-checkable-icon-wrapper.circle:after {
    -webkit-animation: tamaro-checkable-ripple-focus__keyboard__circle .3s ease forwards;
    animation: tamaro-checkable-ripple-focus__keyboard__circle .3s ease forwards
}

[data-whatinput=keyboard] #tamaro-widget-overlay.tamaro-widget [type=checkbox]:focus+.md-checkable-icon-wrapper.square:after,
[data-whatinput=keyboard] #tamaro-widget-overlay.tamaro-widget [type=radio]:focus+.md-checkable-icon-wrapper.square:after,
[data-whatinput=keyboard] #tamaro-widget.tamaro-widget [type=checkbox]:focus+.md-checkable-icon-wrapper.square:after,
[data-whatinput=keyboard] #tamaro-widget.tamaro-widget [type=radio]:focus+.md-checkable-icon-wrapper.square:after {
    -webkit-animation: tamaro-checkable-ripple-focus__keyboard__square .3s ease forwards;
    animation: tamaro-checkable-ripple-focus__keyboard__square .3s ease forwards
}

[data-whatinput=mouse] #tamaro-widget-overlay.tamaro-widget [type=checkbox]:focus+.md-checkable-icon-wrapper:after,
[data-whatinput=mouse] #tamaro-widget-overlay.tamaro-widget [type=radio]:focus+.md-checkable-icon-wrapper:after,
[data-whatinput=mouse] #tamaro-widget.tamaro-widget [type=checkbox]:focus+.md-checkable-icon-wrapper:after,
[data-whatinput=mouse] #tamaro-widget.tamaro-widget [type=radio]:focus+.md-checkable-icon-wrapper:after,
[data-whatinput=touch] #tamaro-widget-overlay.tamaro-widget [type=checkbox]:focus+.md-checkable-icon-wrapper:after,
[data-whatinput=touch] #tamaro-widget-overlay.tamaro-widget [type=radio]:focus+.md-checkable-icon-wrapper:after,
[data-whatinput=touch] #tamaro-widget.tamaro-widget [type=checkbox]:focus+.md-checkable-icon-wrapper:after,
[data-whatinput=touch] #tamaro-widget.tamaro-widget [type=radio]:focus+.md-checkable-icon-wrapper:after {
    -webkit-animation: tamaro-checkable-ripple-focus__mouse 1s ease forwards;
    animation: tamaro-checkable-ripple-focus__mouse 1s ease forwards
}

[data-whatinput=mouse] #tamaro-widget-overlay.tamaro-widget:focus,
[data-whatinput=mouse] #tamaro-widget.tamaro-widget:focus,
[data-whatinput=touch] #tamaro-widget-overlay.tamaro-widget:focus,
[data-whatinput=touch] #tamaro-widget.tamaro-widget:focus {
    outline: none!important
}

#tamaro-widget-overlay.tamaro-widget.tamaro-widget,
#tamaro-widget.tamaro-widget.tamaro-widget {
    text-align: left;
    line-height: 1.5;
    font-weight: 300;
    width: 100%;
    max-width: 100%;
    font-family: Roboto, Helvetica Neue, Arial, sans-serif;
    font-size: 1rem;
    color: #444;
    color: var(--tamaro-text-color);
    background-color: #fff;
    background-color: var(--tamaro-bg-color);
    min-width: 20rem
}

#tamaro-widget-overlay.tamaro-widget *,
#tamaro-widget-overlay.tamaro-widget:after,
#tamaro-widget-overlay.tamaro-widget:before,
#tamaro-widget.tamaro-widget *,
#tamaro-widget.tamaro-widget:after,
#tamaro-widget.tamaro-widget:before {
    border-color: #dedede;
    border-color: var(--tamaro-border-color)
}

#tamaro-widget-overlay.tamaro-widget .link,
#tamaro-widget.tamaro-widget .link {
    cursor: pointer;
    display: inline;
    text-decoration: none;
    font-weight: 300;
    line-height: 1.5;
    border-bottom-width: 1px;
    padding: .125rem .25rem;
    color: #009fe3;
    color: var(--tamaro-link-color);
    background-color: transparent;
    background-color: var(--tamaro-link-bg-color);
    border-color: #009fe3;
    border-color: var(--tamaro-link-color);
    transition: all .3s ease
}

#tamaro-widget-overlay.tamaro-widget .link:hover,
#tamaro-widget.tamaro-widget .link:hover {
    color: #9e2058;
    color: var(--tamaro-link-color__hover);
    background-color: #fdf3f8;
    background-color: var(--tamaro-link-bg-color__hover);
    border-color: #9e2058;
    border-color: var(--tamaro-link-color__hover)
}

#tamaro-widget-overlay.tamaro-widget button .link,
#tamaro-widget.tamaro-widget button .link {
    position: relative
}

[data-whatinput=keyboard] #tamaro-widget-overlay.tamaro-widget .link:focus,
[data-whatinput=keyboard] #tamaro-widget-overlay.tamaro-widget button:focus .link,
[data-whatinput=keyboard] #tamaro-widget.tamaro-widget .link:focus,
[data-whatinput=keyboard] #tamaro-widget.tamaro-widget button:focus .link {
    color: #9e2058;
    color: var(--tamaro-link-color__hover);
    background-color: #fdf3f8;
    background-color: var(--tamaro-link-bg-color__hover);
    border-color: #9e2058;
    border-color: var(--tamaro-link-color__hover)
}

#tamaro-widget-overlay.tamaro-widget fieldset,
#tamaro-widget.tamaro-widget fieldset {
    min-width: 100%
}

#tamaro-widget-overlay.tamaro-widget fieldset legend,
#tamaro-widget.tamaro-widget fieldset legend {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
    border-style: none;
    clip: rect(0, 0, 0, 0)
}

#tamaro-widget-overlay.tamaro-widget .hint,
#tamaro-widget.tamaro-widget .hint {
    font-size: .875rem;
    margin-left: .25rem
}

#tamaro-widget-overlay.tamaro-widget .sr-hint,
#tamaro-widget.tamaro-widget .sr-hint {
    display: none
}

#tamaro-widget-overlay.tamaro-widget h1+p,
#tamaro-widget-overlay.tamaro-widget h2+p,
#tamaro-widget-overlay.tamaro-widget h3+p,
#tamaro-widget-overlay.tamaro-widget h4+p,
#tamaro-widget-overlay.tamaro-widget h5+p,
#tamaro-widget-overlay.tamaro-widget h6+p,
#tamaro-widget-overlay.tamaro-widget p+h1,
#tamaro-widget-overlay.tamaro-widget p+h2,
#tamaro-widget-overlay.tamaro-widget p+h3,
#tamaro-widget-overlay.tamaro-widget p+h4,
#tamaro-widget-overlay.tamaro-widget p+h5,
#tamaro-widget-overlay.tamaro-widget p+h6,
#tamaro-widget-overlay.tamaro-widget p+p,
#tamaro-widget.tamaro-widget h1+p,
#tamaro-widget.tamaro-widget h2+p,
#tamaro-widget.tamaro-widget h3+p,
#tamaro-widget.tamaro-widget h4+p,
#tamaro-widget.tamaro-widget h5+p,
#tamaro-widget.tamaro-widget h6+p,
#tamaro-widget.tamaro-widget p+h1,
#tamaro-widget.tamaro-widget p+h2,
#tamaro-widget.tamaro-widget p+h3,
#tamaro-widget.tamaro-widget p+h4,
#tamaro-widget.tamaro-widget p+h5,
#tamaro-widget.tamaro-widget p+h6,
#tamaro-widget.tamaro-widget p+p {
    margin-top: 1rem
}

#tamaro-widget-overlay.tamaro-widget .content h1,
#tamaro-widget-overlay.tamaro-widget .content h2,
#tamaro-widget-overlay.tamaro-widget .content h3,
#tamaro-widget-overlay.tamaro-widget .content h4,
#tamaro-widget-overlay.tamaro-widget .content h5,
#tamaro-widget-overlay.tamaro-widget .content h6,
#tamaro-widget.tamaro-widget .content h1,
#tamaro-widget.tamaro-widget .content h2,
#tamaro-widget.tamaro-widget .content h3,
#tamaro-widget.tamaro-widget .content h4,
#tamaro-widget.tamaro-widget .content h5,
#tamaro-widget.tamaro-widget .content h6 {
    margin-bottom: .5rem;
    font-size: 1rem;
    font-weight: bolder
}

#tamaro-widget-overlay.tamaro-widget .error-message,
#tamaro-widget.tamaro-widget .error-message {
    display: block;
    font-size: .875rem;
    font-weight: 400;
    width: 100%;
    color: #d95665;
    color: var(--tamaro-error-color)
}

#tamaro-widget-overlay.tamaro-widget .error-message.has-error,
#tamaro-widget.tamaro-widget .error-message.has-error {
    padding-top: .25rem;
    padding-bottom: .25rem
}

#tamaro-widget.tamaro-widget .widget-layout-step .steps-buttons {
    margin-top: .75rem
}

#tamaro-widget.tamaro-widget .widget-layout-step .steps-buttons .actions {
    display: flex
}

#tamaro-widget.tamaro-widget .widget-layout-step .steps-buttons .actions .go-next {
    margin-left: auto
}

#tamaro-widget.tamaro-widget .widget-header .title .text {
    font-size: 1.875rem;
    font-weight: 400;
    margin-bottom: 2rem
}

#tamaro-widget.tamaro-widget .widget-content .widget-block .widget-block-header {
    overflow: hidden;
    color: #444;
    color: var(--tamaro-block-header-color);
    background-color: transparent;
    background-color: var(--tamaro-block-header-bg-color)
}

#tamaro-widget.tamaro-widget .widget-content .widget-block .widget-block-header .title {
    display: flex;
    line-height: 1.75rem
}

#tamaro-widget.tamaro-widget .widget-content .widget-block .widget-block-header .title .position {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    font-size: .875rem;
    font-weight: 500;
    width: 1.75rem;
    height: 1.75rem;
    line-height: 1.75rem;
    color: #fff;
    color: var(--tamaro-block-header-position-color);
    background-color: #009fe3;
    background-color: var(--tamaro-block-header-position-bg-color)
}

#tamaro-widget.tamaro-widget .widget-content .widget-block .widget-block-header .title .text {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.75rem
}

#tamaro-widget.tamaro-widget .widget-content .widget-block .widget-block-header .title .position+.text {
    margin-left: .75rem
}

#tamaro-widget.tamaro-widget .widget-content .widget-block .widget-block-header+.widget-block-content {
    margin-top: 1.25rem
}

#tamaro-widget.tamaro-widget .widget-content .widget-block+.widget-block {
    margin-top: 3.5rem
}

#tamaro-widget.tamaro-widget .widget-content .widget-block.payment-submit-block {
    margin-top: 2.5rem
}

#tamaro-widget.tamaro-widget .widget-custom-content {
    margin-top: 1.5rem
}

#tamaro-widget.tamaro-widget .tamaro-recaptcha {
    position: fixed;
    top: 50%
}

#tamaro-widget.tamaro-widget .credit-card-form-iframe {
    display: flex
}

#tamaro-widget.tamaro-widget .credit-card-form-iframe iframe {
    width: 100%
}

#tamaro-widget.tamaro-widget .error-widget {
    padding: 1.5rem;
    color: #fff;
    color: var(--tamaro-fatal-error-color);
    background-color: #e3342f;
    background-color: var(--tamaro-fatal-error-bg-color)
}

#tamaro-widget.tamaro-widget .error-widget>.header .title .text {
    font-size: 1.125rem;
    font-weight: 500
}

#tamaro-widget.tamaro-widget .error-widget>.main .text {
    font-size: .875rem;
    margin-top: .75rem;
    font-weight: 200
}

@-webkit-keyframes tamaro-spinner-rotate {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

@keyframes tamaro-spinner-rotate {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

#tamaro-widget.tamaro-widget .spinner-inner-block,
#tamaro-widget.tamaro-widget .spinner-outer-block {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 15rem
}

#tamaro-widget.tamaro-widget .spinner-inner-block .icon-spinner,
#tamaro-widget.tamaro-widget .spinner-outer-block .icon-spinner {
    width: 3.75rem;
    height: 3.75rem;
    -webkit-animation: tamaro-spinner-rotate 1s linear infinite;
    animation: tamaro-spinner-rotate 1s linear infinite
}

#tamaro-widget.tamaro-widget .spinner-inner-block .icon-spinner .icon-spinner-stop,
#tamaro-widget.tamaro-widget .spinner-outer-block .icon-spinner .icon-spinner-stop {
    stop-color: #009fe3;
    stop-color: var(--tamaro-spinner-color)
}

#tamaro-widget.tamaro-widget .spinner-inner-block .icon-spinner .icon-spinner-circle,
#tamaro-widget.tamaro-widget .spinner-outer-block .icon-spinner .icon-spinner-circle {
    stroke-width: .5rem
}

#tamaro-widget.tamaro-widget .spinner-outer-block {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .75;
    background-color: #fff;
    background-color: var(--tamaro-bg-color);
    z-index: 10000;
    height: 100%
}

#tamaro-widget.tamaro-widget .payment-submit .main {
    margin-top: 1rem
}

#tamaro-widget.tamaro-widget .payment-submit .main button {
    min-height: 4rem;
    font-size: 1.125rem
}

#tamaro-widget.tamaro-widget .payment-submit .footer {
    margin-top: 1rem;
    text-align: center
}

#tamaro-widget.tamaro-widget .footer-info {
    overflow: hidden;
    margin-top: 1.75rem
}

#tamaro-widget.tamaro-widget .footer-info>.header {
    text-align: center
}

#tamaro-widget.tamaro-widget .footer-info>.header .icon-lock {
    width: 1.25rem;
    height: 1.5625rem
}

#tamaro-widget.tamaro-widget .footer-info>.header .icon-lock .lock-path1 {
    fill: #444;
    fill: var(--tamaro-text-color)
}

#tamaro-widget.tamaro-widget .footer-info>.header .icon-lock .lock-stroke1,
#tamaro-widget.tamaro-widget .footer-info>.header .icon-lock .lock-stroke2 {
    stroke: #444;
    stroke: var(--tamaro-text-color)
}

#tamaro-widget.tamaro-widget .footer-info>.main {
    text-align: center;
    margin-top: .5rem
}

#tamaro-widget.tamaro-widget .footer-info>.main .text a {
    text-decoration: none;
    padding: 0;
    margin: 0;
    border-width: 0;
    color: #444;
    color: var(--tamaro-text-color);
    background-color: transparent
}

#tamaro-widget.tamaro-widget .footer-info>.main button {
    display: inline-block;
    margin-top: .75rem
}

#tamaro-widget.tamaro-widget .payment-purposes>.header {
    margin-bottom: 1rem;
    display: none
}

#tamaro-widget.tamaro-widget .payment-purposes>.main .purposes {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1px;
    margin-left: 1px
}

#tamaro-widget.tamaro-widget .payment-purposes>.main .purposes .purpose {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    overflow: hidden;
    width: 100%;
    margin-top: -1px;
    margin-left: -1px;
    min-height: 4rem;
    transition: all .3s ease
}

#tamaro-widget.tamaro-widget .payment-purposes>.main .purposes .purpose .title {
    text-align: left;
    margin-top: 0;
    width: 100%
}

#tamaro-widget.tamaro-widget .payment-purposes>.main .purposes .purpose.selected {
    border-color: #009fe3;
    border-color: var(--tamaro-primary-color);
    background-color: #fdf3f8;
    background-color: var(--tamaro-primary-bg-color);
    z-index: 1
}

#tamaro-widget.tamaro-widget .payment-purposes>.main .purposes .purpose.selected .title {
    color: #009fe3;
    color: var(--tamaro-primary-color)
}

#tamaro-widget.tamaro-widget .payment-purposes>.main .purposes .purpose .md-radio-icon {
    margin-right: 1rem
}

#tamaro-widget.tamaro-widget.tamaro-bp-sm .payment-purposes>.main .purposes .purpose {
    flex-direction: column;
    align-items: center;
    width: 50%
}

#tamaro-widget.tamaro-widget.tamaro-bp-sm .payment-purposes>.main .purposes .purpose .md-checkable-icon-wrapper {
    margin-right: 0
}

#tamaro-widget.tamaro-widget.tamaro-bp-sm .payment-purposes>.main .purposes .purpose .title {
    text-align: center;
    margin-top: .75rem
}

#tamaro-widget.tamaro-widget.tamaro-bp-sm .payment-purposes>.main .purposes .purpose .md-radio-icon {
    margin-right: 0
}

#tamaro-widget.tamaro-widget .payment-payment-types {
    padding-bottom: 1.5rem
}

#tamaro-widget.tamaro-widget .payment-payment-types>.header .recurring-payment-type-not-selected,
#tamaro-widget.tamaro-widget .payment-payment-types>.header .recurring-payment-type-selected {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    vertical-align: top;
    width: 100%;
    overflow: hidden;
    z-index: 1
}

#tamaro-widget.tamaro-widget .payment-payment-types>.header .recurring-payment-type-not-selected button,
#tamaro-widget.tamaro-widget .payment-payment-types>.header .recurring-payment-type-selected button {
    z-index: 2
}

#tamaro-widget.tamaro-widget .payment-payment-types>.header .recurring-payment-type-selected {
    display: flex
}

#tamaro-widget.tamaro-widget .payment-payment-types>.header .recurring-payment-type-selected .text {
    margin-right: 1rem
}

#tamaro-widget.tamaro-widget .payment-payment-types>.header .recurring-payment-type-selected button {
    margin-left: auto;
    text-align: left
}

#tamaro-widget.tamaro-widget .payment-payment-types>.header label.recurring-payment-type-not-selected:hover,
#tamaro-widget.tamaro-widget .payment-payment-types>.header label.recurring-payment-type-selected:hover {
    background-color: #f9f9f9;
    background-color: var(--tamaro-bg-color__hover)
}

#tamaro-widget.tamaro-widget .payment-payment-types>.main .payment-recurring-intervals {
    border-width: 0 1px 1px;
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06)
}

#tamaro-widget.tamaro-widget .payment-payment-types>.main .payment-recurring-intervals .payment-intervals {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 0;
    margin: 0
}

#tamaro-widget.tamaro-widget .payment-payment-types>.main .payment-recurring-intervals .payment-intervals .payment-interval.label-radio-block {
    border-width: 0;
    height: 4rem;
    width: 100%;
    padding: 0;
    margin: 0;
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

#tamaro-widget.tamaro-widget .payment-payment-types>.main .payment-recurring-intervals .payment-intervals .payment-interval.label-radio-block:hover {
    background-color: transparent
}

#tamaro-widget.tamaro-widget .payment-payment-types>.main .payment-recurring-intervals .payment-intervals .payment-interval.label-radio-block .label-radio-block-inner {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
    height: 100%;
    border-bottom-width: 1px
}

#tamaro-widget.tamaro-widget .payment-payment-types>.main .payment-recurring-intervals>.actions,
#tamaro-widget.tamaro-widget .payment-payment-types>.main .payment-recurring-intervals>.footer {
    padding: 1.25rem
}

#tamaro-widget.tamaro-widget .payment-payment-types>.main .payment-recurring-intervals>.actions {
    display: flex;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    overflow: hidden
}

#tamaro-widget.tamaro-widget .payment-amounts>.header {
    display: flex;
    margin-bottom: 1rem
}

#tamaro-widget.tamaro-widget .payment-amounts>.header .text {
    margin-right: .5rem;
    display: none
}

#tamaro-widget.tamaro-widget .payment-amounts>.header button {
    margin-left: 0
}

#tamaro-widget.tamaro-widget .payment-amounts>.main .amounts {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1px;
    margin-left: 1px
}

#tamaro-widget.tamaro-widget .payment-amounts>.main .amounts .amount {
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    border-width: 1px;
    width: 100%;
    padding: 0;
    margin-top: -1px;
    margin-left: -1px;
    transition: all .3s ease
}

#tamaro-widget.tamaro-widget .payment-amounts>.main .amounts .amount.selected {
    color: #009fe3;
    color: var(--tamaro-primary-color);
    border-color: #009fe3;
    border-color: var(--tamaro-primary-color);
    background-color: #fdf3f8;
    background-color: var(--tamaro-primary-bg-color);
    z-index: 1
}

#tamaro-widget.tamaro-widget.tamaro-bp-sm .payment-amounts>.main .amounts .amount {
    width: 50%
}

#tamaro-widget.tamaro-widget .payment-amounts>.main .amounts .amount .main {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    height: 4rem;
    padding: 1.25rem
}

#tamaro-widget.tamaro-widget .payment-amounts>.main .amounts .amount .main .md-checkable-icon-wrapper {
    flex-shrink: 0
}

#tamaro-widget.tamaro-widget .payment-amounts>.main .amounts .amount .main .code {
    font-size: .875rem
}

#tamaro-widget.tamaro-widget .payment-amounts>.main .amounts .amount .main .value {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 1.875rem;
    width: 100%;
    transform: translateX(-2.1rem)
}

#tamaro-widget.tamaro-widget .payment-amounts>.main .amounts .amount .description {
    width: 100%;
    padding: 0 1.25rem 1.25rem 3.75rem;
    margin-top: -.5rem
}

#tamaro-widget.tamaro-widget.tamaro-bp-sm .payment-amounts .amounts .amount:nth-child(odd).custom-amount {
    width: calc(100% - .0625rem)
}

#tamaro-widget.tamaro-widget .payment-amounts>.main .amounts.has-descriptions .amount .main .value {
    justify-content: left;
    transform: none;
    padding-left: 1rem
}

#tamaro-widget.tamaro-widget .payment-amounts>.main .amounts.has-descriptions .amount.custom-amount .form-block label {
    justify-content: left;
    transform: none;
    padding: 0
}

#tamaro-widget.tamaro-widget .payment-amounts>.main .amounts.has-descriptions .amount.custom-amount .form-block .input-text {
    text-align: left
}

#tamaro-widget.tamaro-widget .payment-currencies {
    margin-top: 1.5rem;
    border-width: 1px
}

#tamaro-widget.tamaro-widget .payment-currencies>.header {
    border-bottom-width: 1px;
    padding: 1.25rem
}

#tamaro-widget.tamaro-widget .payment-currencies>.main {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06)
}

#tamaro-widget.tamaro-widget .payment-currencies>.main .currencies {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 0;
    margin: 0
}

#tamaro-widget.tamaro-widget .payment-currencies>.main .currencies .currency.label-radio-block {
    border-width: 0;
    height: 4rem;
    width: 100%;
    padding: 0;
    margin: 0;
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

#tamaro-widget.tamaro-widget .payment-currencies>.main .currencies .currency.label-radio-block:hover {
    background-color: transparent
}

#tamaro-widget.tamaro-widget .payment-currencies>.main .currencies .currency.label-radio-block .label-radio-block-inner {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
    height: 100%;
    border-bottom-width: 1px
}

#tamaro-widget.tamaro-widget .payment-currencies>.main .currencies .currency.label-radio-block .label-radio-block-inner .code,
#tamaro-widget.tamaro-widget .payment-currencies>.main .currencies .currency.label-radio-block .label-radio-block-inner .divider {
    margin-right: .25rem
}

#tamaro-widget.tamaro-widget .payment-currencies>.main .currencies .currency.label-radio-block .label-radio-block-inner .value {
    flex-shrink: 0
}

#tamaro-widget.tamaro-widget .payment-currencies>.main>.actions {
    display: flex;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    overflow: hidden;
    padding-right: 1.25rem;
    padding-left: 1.25rem
}

#tamaro-widget.tamaro-widget .payment-payment-methods>.header {
    display: none
}

#tamaro-widget.tamaro-widget .payment-payment-methods>.main .payment-methods {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1px;
    margin-left: 1px
}

#tamaro-widget.tamaro-widget .payment-payment-methods>.main .payment-methods .payment-method {
    display: flex;
    align-items: center;
    overflow: hidden;
    width: 100%;
    border-width: 1px;
    margin-top: -1px;
    margin-left: -1px;
    padding: 1rem 1.25rem;
    transition: all .3s ease
}

#tamaro-widget.tamaro-widget .payment-payment-methods>.main .payment-methods .payment-method .image {
    position: relative;
    flex-shrink: 0;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    border-radius: 50%;
    width: 2.75rem;
    height: 2.75rem
}

#tamaro-widget.tamaro-widget .payment-payment-methods>.main .payment-methods .payment-method .text {
    position: relative;
    padding-left: .75rem;
    text-align: left;
    font-weight: 400;
    overflow: hidden;
    color: #444;
    color: var(--tamaro-text-color)
}

#tamaro-widget.tamaro-widget .payment-payment-methods>.main .payment-methods .payment-method:hover {
    cursor: pointer;
    background-color: #f9f9f9;
    background-color: var(--tamaro-bg-color__hover)
}

#tamaro-widget.tamaro-widget.tamaro-bp-sm .payment-payment-methods>.main .payment-methods .payment-method {
    flex-direction: column;
    width: 33.33333%;
    padding-top: 2.75rem;
    padding-bottom: 2rem
}

#tamaro-widget.tamaro-widget.tamaro-bp-sm .payment-payment-methods>.main .payment-methods .payment-method .image {
    width: 4rem;
    height: 4rem
}

#tamaro-widget.tamaro-widget.tamaro-bp-sm .payment-payment-methods>.main .payment-methods .payment-method .text {
    padding-left: 0;
    padding-top: .75rem;
    text-align: center;
    font-size: .875rem
}

#tamaro-widget.tamaro-widget .payment-payment-method-details>label:hover,
#tamaro-widget.tamaro-widget .subscription-payment-method-details>label:hover,
[data-whatinput=keyboard] #tamaro-widget.tamaro-widget .payment-payment-methods>.main .payment-methods .payment-method:focus {
    background-color: #f9f9f9;
    background-color: var(--tamaro-bg-color__hover)
}

#tamaro-widget.tamaro-widget .payment-payment-method-details>.header,
#tamaro-widget.tamaro-widget .subscription-payment-method-details>.header {
    margin-bottom: .75rem;
    display: none
}

#tamaro-widget.tamaro-widget .payment-payment-method-details>.main .payment-method-details,
#tamaro-widget.tamaro-widget .subscription-payment-method-details>.main .payment-method-details {
    border-width: 1px
}

#tamaro-widget.tamaro-widget .payment-payment-method-details>.main .payment-method-details>.header,
#tamaro-widget.tamaro-widget .subscription-payment-method-details>.main .payment-method-details>.header {
    display: flex;
    flex-wrap: nowrap;
    border-width: 0;
    font-weight: 400;
    overflow: hidden;
    padding: 1.25rem
}

#tamaro-widget.tamaro-widget .payment-payment-method-details>.main .payment-method-details>.header .title .text,
#tamaro-widget.tamaro-widget .subscription-payment-method-details>.main .payment-method-details>.header .title .text {
    font-weight: 400;
    font-size: 1rem
}

#tamaro-widget.tamaro-widget .payment-payment-method-details>.main .payment-method-details>.header .cc-icons,
#tamaro-widget.tamaro-widget .subscription-payment-method-details>.main .payment-method-details>.header .cc-icons {
    cursor: default;
    display: flex;
    flex-wrap: wrap;
    padding-left: 1rem;
    margin-left: auto;
    z-index: 1
}

#tamaro-widget.tamaro-widget .payment-payment-method-details>.main .payment-method-details>.header .cc-icons .cc-icon,
#tamaro-widget.tamaro-widget .subscription-payment-method-details>.main .payment-method-details>.header .cc-icons .cc-icon {
    display: none;
    margin-right: .25rem;
    width: 2.25rem;
    height: 1.5rem;
    transition: all .3s ease;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0 0;
    border-radius: .125rem
}

#tamaro-widget.tamaro-widget .payment-payment-method-details>.main .payment-method-details>.header .cc-icons .cc-icon.active,
#tamaro-widget.tamaro-widget .subscription-payment-method-details>.main .payment-method-details>.header .cc-icons .cc-icon.active {
    display: block
}

#tamaro-widget.tamaro-widget .payment-payment-method-details>.main .payment-method-details>.header .cc-icons .cc-icon:last-child,
#tamaro-widget.tamaro-widget .subscription-payment-method-details>.main .payment-method-details>.header .cc-icons .cc-icon:last-child {
    margin-right: 0
}

#tamaro-widget.tamaro-widget.tamaro-bp-sm .payment-payment-method-details>.main .payment-method-details>.header .cc-icons .cc-icon,
#tamaro-widget.tamaro-widget.tamaro-bp-sm .subscription-payment-method-details>.main .payment-method-details>.header .cc-icons .cc-icon {
    display: block
}

#tamaro-widget.tamaro-widget.tamaro-bp-sm .payment-payment-method-details>.main .payment-method-details>.header .cc-icons .cc-icon.inactive,
#tamaro-widget.tamaro-widget.tamaro-bp-sm .subscription-payment-method-details>.main .payment-method-details>.header .cc-icons .cc-icon.inactive {
    opacity: .2
}

#tamaro-widget.tamaro-widget .payment-payment-method-details>.main .payment-method-details>.main,
#tamaro-widget.tamaro-widget .subscription-payment-method-details>.main .payment-method-details>.main {
    padding: 0;
    border-top-width: 1px;
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06)
}

#tamaro-widget.tamaro-widget .payment-payment-method-details>.main .payment-method-details>.main .payment-method-info>.main,
#tamaro-widget.tamaro-widget .subscription-payment-method-details>.main .payment-method-details>.main .payment-method-info>.main {
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    padding: 1.25rem
}

#tamaro-widget.tamaro-widget .payment-payment-method-details>.main .payment-method-details>.main .payment-method-info>.main .text,
#tamaro-widget.tamaro-widget .subscription-payment-method-details>.main .payment-method-details>.main .payment-method-info>.main .text {
    order: 2
}

#tamaro-widget.tamaro-widget .payment-payment-method-details>.main .payment-method-details>.main .payment-method-info>.main .image,
#tamaro-widget.tamaro-widget .subscription-payment-method-details>.main .payment-method-details>.main .payment-method-info>.main .image {
    flex-shrink: 0;
    background-position: 50%;
    background-repeat: no-repeat;
    margin-bottom: 1rem;
    border-radius: .5rem;
    background-size: 100% auto;
    width: 6rem;
    height: 3.9375rem
}

#tamaro-widget.tamaro-widget .payment-payment-method-details>.main .payment-method-details>.main .payment-method-info>.main .image.payment-method-bg-image-mpos,
#tamaro-widget.tamaro-widget .subscription-payment-method-details>.main .payment-method-details>.main .payment-method-info>.main .image.payment-method-bg-image-mpos {
    height: 6rem
}

#tamaro-widget.tamaro-widget.tamaro-bp-xs .payment-payment-method-details>.main .payment-method-details>.main,
#tamaro-widget.tamaro-widget.tamaro-bp-xs .subscription-payment-method-details>.main .payment-method-details>.main {
    padding: 0;
    border-top-width: 1px;
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06)
}

#tamaro-widget.tamaro-widget.tamaro-bp-xs .payment-payment-method-details>.main .payment-method-details>.main .payment-method-info>.main,
#tamaro-widget.tamaro-widget.tamaro-bp-xs .subscription-payment-method-details>.main .payment-method-details>.main .payment-method-info>.main {
    flex-direction: row;
    align-items: flex-start
}

#tamaro-widget.tamaro-widget.tamaro-bp-xs .payment-payment-method-details>.main .payment-method-details>.main .payment-method-info>.main .text,
#tamaro-widget.tamaro-widget.tamaro-bp-xs .subscription-payment-method-details>.main .payment-method-details>.main .payment-method-info>.main .text {
    margin-right: 1rem;
    order: 1
}

#tamaro-widget.tamaro-widget.tamaro-bp-xs .payment-payment-method-details>.main .payment-method-details>.main .payment-method-info>.main .image,
#tamaro-widget.tamaro-widget.tamaro-bp-xs .subscription-payment-method-details>.main .payment-method-details>.main .payment-method-info>.main .image {
    margin-left: auto;
    margin-bottom: 0;
    order: 2;
    width: 8rem;
    height: 5.25rem
}

#tamaro-widget.tamaro-widget.tamaro-bp-xs .payment-payment-method-details>.main .payment-method-details>.main .payment-method-info>.main .image.payment-method-bg-image-mpos,
#tamaro-widget.tamaro-widget.tamaro-bp-xs .subscription-payment-method-details>.main .payment-method-details>.main .payment-method-info>.main .image.payment-method-bg-image-mpos {
    height: 8rem
}

#tamaro-widget.tamaro-widget .payment-payment-method-details>.main .payment-method-details>.main .payment-method-form>.main,
#tamaro-widget.tamaro-widget .subscription-payment-method-details>.main .payment-method-details>.main .payment-method-form>.main {
    padding: 1.25rem
}

#tamaro-widget.tamaro-widget .payment-payment-method-details>.main .payment-method-details>.main .payment-method-form>.main .payment-method-info>.main,
#tamaro-widget.tamaro-widget .subscription-payment-method-details>.main .payment-method-details>.main .payment-method-form>.main .payment-method-info>.main {
    padding: 0
}

#tamaro-widget.tamaro-widget .payment-payment-method-details>.main .payment-method-details>.main .payment-method-form.es>.main,
#tamaro-widget.tamaro-widget .payment-payment-method-details>.main .payment-method-details>.main .payment-method-form.ezs>.main,
#tamaro-widget.tamaro-widget .payment-payment-method-details>.main .payment-method-details>.main .payment-method-form.pef>.main,
#tamaro-widget.tamaro-widget .payment-payment-method-details>.main .payment-method-details>.main .payment-method-form.pfc>.main,
#tamaro-widget.tamaro-widget .subscription-payment-method-details>.main .payment-method-details>.main .payment-method-form.es>.main,
#tamaro-widget.tamaro-widget .subscription-payment-method-details>.main .payment-method-details>.main .payment-method-form.ezs>.main,
#tamaro-widget.tamaro-widget .subscription-payment-method-details>.main .payment-method-details>.main .payment-method-form.pef>.main,
#tamaro-widget.tamaro-widget .subscription-payment-method-details>.main .payment-method-details>.main .payment-method-form.pfc>.main {
    padding-left: 0;
    padding-right: 0
}

#tamaro-widget.tamaro-widget .payment-payment-method-details>.main .payment-method-details>.main .payment-method-form.es>.main .list-items,
#tamaro-widget.tamaro-widget .payment-payment-method-details>.main .payment-method-details>.main .payment-method-form.ezs>.main .list-items,
#tamaro-widget.tamaro-widget .payment-payment-method-details>.main .payment-method-details>.main .payment-method-form.pef>.main .list-items,
#tamaro-widget.tamaro-widget .payment-payment-method-details>.main .payment-method-details>.main .payment-method-form.pfc>.main .list-items,
#tamaro-widget.tamaro-widget .subscription-payment-method-details>.main .payment-method-details>.main .payment-method-form.es>.main .list-items,
#tamaro-widget.tamaro-widget .subscription-payment-method-details>.main .payment-method-details>.main .payment-method-form.ezs>.main .list-items,
#tamaro-widget.tamaro-widget .subscription-payment-method-details>.main .payment-method-details>.main .payment-method-form.pef>.main .list-items,
#tamaro-widget.tamaro-widget .subscription-payment-method-details>.main .payment-method-details>.main .payment-method-form.pfc>.main .list-items {
    display: flex;
    flex-direction: column
}

#tamaro-widget.tamaro-widget .payment-payment-method-details>.main .payment-method-details>.main .payment-method-form.es>.main .list-items .list-item.label-radio-block,
#tamaro-widget.tamaro-widget .payment-payment-method-details>.main .payment-method-details>.main .payment-method-form.ezs>.main .list-items .list-item.label-radio-block,
#tamaro-widget.tamaro-widget .payment-payment-method-details>.main .payment-method-details>.main .payment-method-form.pef>.main .list-items .list-item.label-radio-block,
#tamaro-widget.tamaro-widget .payment-payment-method-details>.main .payment-method-details>.main .payment-method-form.pfc>.main .list-items .list-item.label-radio-block,
#tamaro-widget.tamaro-widget .subscription-payment-method-details>.main .payment-method-details>.main .payment-method-form.es>.main .list-items .list-item.label-radio-block,
#tamaro-widget.tamaro-widget .subscription-payment-method-details>.main .payment-method-details>.main .payment-method-form.ezs>.main .list-items .list-item.label-radio-block,
#tamaro-widget.tamaro-widget .subscription-payment-method-details>.main .payment-method-details>.main .payment-method-form.pef>.main .list-items .list-item.label-radio-block,
#tamaro-widget.tamaro-widget .subscription-payment-method-details>.main .payment-method-details>.main .payment-method-form.pfc>.main .list-items .list-item.label-radio-block {
    border-width: 0;
    margin: 0;
    padding: 0;
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

#tamaro-widget.tamaro-widget .payment-payment-method-details>.main .payment-method-details>.main .payment-method-form.es>.main .list-items .list-item.label-radio-block:hover,
#tamaro-widget.tamaro-widget .payment-payment-method-details>.main .payment-method-details>.main .payment-method-form.ezs>.main .list-items .list-item.label-radio-block:hover,
#tamaro-widget.tamaro-widget .payment-payment-method-details>.main .payment-method-details>.main .payment-method-form.pef>.main .list-items .list-item.label-radio-block:hover,
#tamaro-widget.tamaro-widget .payment-payment-method-details>.main .payment-method-details>.main .payment-method-form.pfc>.main .list-items .list-item.label-radio-block:hover,
#tamaro-widget.tamaro-widget .subscription-payment-method-details>.main .payment-method-details>.main .payment-method-form.es>.main .list-items .list-item.label-radio-block:hover,
#tamaro-widget.tamaro-widget .subscription-payment-method-details>.main .payment-method-details>.main .payment-method-form.ezs>.main .list-items .list-item.label-radio-block:hover,
#tamaro-widget.tamaro-widget .subscription-payment-method-details>.main .payment-method-details>.main .payment-method-form.pef>.main .list-items .list-item.label-radio-block:hover,
#tamaro-widget.tamaro-widget .subscription-payment-method-details>.main .payment-method-details>.main .payment-method-form.pfc>.main .list-items .list-item.label-radio-block:hover {
    background-color: transparent
}

#tamaro-widget.tamaro-widget .payment-payment-method-details>.main .payment-method-details>.main .payment-method-form.es>.main .list-items .list-item.label-radio-block .label-radio-block-inner,
#tamaro-widget.tamaro-widget .payment-payment-method-details>.main .payment-method-details>.main .payment-method-form.ezs>.main .list-items .list-item.label-radio-block .label-radio-block-inner,
#tamaro-widget.tamaro-widget .payment-payment-method-details>.main .payment-method-details>.main .payment-method-form.pef>.main .list-items .list-item.label-radio-block .label-radio-block-inner,
#tamaro-widget.tamaro-widget .payment-payment-method-details>.main .payment-method-details>.main .payment-method-form.pfc>.main .list-items .list-item.label-radio-block .label-radio-block-inner,
#tamaro-widget.tamaro-widget .subscription-payment-method-details>.main .payment-method-details>.main .payment-method-form.es>.main .list-items .list-item.label-radio-block .label-radio-block-inner,
#tamaro-widget.tamaro-widget .subscription-payment-method-details>.main .payment-method-details>.main .payment-method-form.ezs>.main .list-items .list-item.label-radio-block .label-radio-block-inner,
#tamaro-widget.tamaro-widget .subscription-payment-method-details>.main .payment-method-details>.main .payment-method-form.pef>.main .list-items .list-item.label-radio-block .label-radio-block-inner,
#tamaro-widget.tamaro-widget .subscription-payment-method-details>.main .payment-method-details>.main .payment-method-form.pfc>.main .list-items .list-item.label-radio-block .label-radio-block-inner {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
    height: 100%;
    border-bottom-width: 1px;
    min-height: 4rem
}

#tamaro-widget.tamaro-widget .payment-payment-method-details>.main .payment-method-details>.main .payment-method-form.es>.main .list-items .list-item.label-radio-block .label-radio-block-inner .image,
#tamaro-widget.tamaro-widget .payment-payment-method-details>.main .payment-method-details>.main .payment-method-form.ezs>.main .list-items .list-item.label-radio-block .label-radio-block-inner .image,
#tamaro-widget.tamaro-widget .payment-payment-method-details>.main .payment-method-details>.main .payment-method-form.pef>.main .list-items .list-item.label-radio-block .label-radio-block-inner .image,
#tamaro-widget.tamaro-widget .payment-payment-method-details>.main .payment-method-details>.main .payment-method-form.pfc>.main .list-items .list-item.label-radio-block .label-radio-block-inner .image,
#tamaro-widget.tamaro-widget .subscription-payment-method-details>.main .payment-method-details>.main .payment-method-form.es>.main .list-items .list-item.label-radio-block .label-radio-block-inner .image,
#tamaro-widget.tamaro-widget .subscription-payment-method-details>.main .payment-method-details>.main .payment-method-form.ezs>.main .list-items .list-item.label-radio-block .label-radio-block-inner .image,
#tamaro-widget.tamaro-widget .subscription-payment-method-details>.main .payment-method-details>.main .payment-method-form.pef>.main .list-items .list-item.label-radio-block .label-radio-block-inner .image,
#tamaro-widget.tamaro-widget .subscription-payment-method-details>.main .payment-method-details>.main .payment-method-form.pfc>.main .list-items .list-item.label-radio-block .label-radio-block-inner .image {
    flex-shrink: 0;
    background-position: 50%;
    background-repeat: no-repeat;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
    margin-right: 1rem;
    width: 4rem;
    height: 2.625rem;
    border-radius: .1875rem;
    background-size: 100% auto
}

#tamaro-widget.tamaro-widget .payment-payment-method-details>.main .payment-method-details>.main .payment-method-form.es>.main .list-items .list-item.label-radio-block .label-radio-block-inner .title,
#tamaro-widget.tamaro-widget .payment-payment-method-details>.main .payment-method-details>.main .payment-method-form.ezs>.main .list-items .list-item.label-radio-block .label-radio-block-inner .title,
#tamaro-widget.tamaro-widget .payment-payment-method-details>.main .payment-method-details>.main .payment-method-form.pef>.main .list-items .list-item.label-radio-block .label-radio-block-inner .title,
#tamaro-widget.tamaro-widget .payment-payment-method-details>.main .payment-method-details>.main .payment-method-form.pfc>.main .list-items .list-item.label-radio-block .label-radio-block-inner .title,
#tamaro-widget.tamaro-widget .subscription-payment-method-details>.main .payment-method-details>.main .payment-method-form.es>.main .list-items .list-item.label-radio-block .label-radio-block-inner .title,
#tamaro-widget.tamaro-widget .subscription-payment-method-details>.main .payment-method-details>.main .payment-method-form.ezs>.main .list-items .list-item.label-radio-block .label-radio-block-inner .title,
#tamaro-widget.tamaro-widget .subscription-payment-method-details>.main .payment-method-details>.main .payment-method-form.pef>.main .list-items .list-item.label-radio-block .label-radio-block-inner .title,
#tamaro-widget.tamaro-widget .subscription-payment-method-details>.main .payment-method-details>.main .payment-method-form.pfc>.main .list-items .list-item.label-radio-block .label-radio-block-inner .title {
    overflow: hidden
}

#tamaro-widget.tamaro-widget .payment-payment-method-details>.main .payment-method-details>.main .payment-method-form.es>.main>.text,
#tamaro-widget.tamaro-widget .payment-payment-method-details>.main .payment-method-details>.main .payment-method-form.ezs>.main>.text,
#tamaro-widget.tamaro-widget .payment-payment-method-details>.main .payment-method-details>.main .payment-method-form.pef>.main>.text,
#tamaro-widget.tamaro-widget .payment-payment-method-details>.main .payment-method-details>.main .payment-method-form.pfc>.main>.text,
#tamaro-widget.tamaro-widget .subscription-payment-method-details>.main .payment-method-details>.main .payment-method-form.es>.main>.text,
#tamaro-widget.tamaro-widget .subscription-payment-method-details>.main .payment-method-details>.main .payment-method-form.ezs>.main>.text,
#tamaro-widget.tamaro-widget .subscription-payment-method-details>.main .payment-method-details>.main .payment-method-form.pef>.main>.text,
#tamaro-widget.tamaro-widget .subscription-payment-method-details>.main .payment-method-details>.main .payment-method-form.pfc>.main>.text {
    margin-top: 1rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

#tamaro-widget.tamaro-widget .payment-payment-method-details>.main .payment-method-details>.main .payment-method-form.pef>.main .list-items .list-item,
#tamaro-widget.tamaro-widget .payment-payment-method-details>.main .payment-method-details>.main .payment-method-form.pfc>.main .list-items .list-item,
#tamaro-widget.tamaro-widget .subscription-payment-method-details>.main .payment-method-details>.main .payment-method-form.pef>.main .list-items .list-item,
#tamaro-widget.tamaro-widget .subscription-payment-method-details>.main .payment-method-details>.main .payment-method-form.pfc>.main .list-items .list-item {
    height: 5rem
}

#tamaro-widget.tamaro-widget .payment-payment-method-details>.main .payment-method-details>.main .payment-method-form.cc .exp_cvv,
#tamaro-widget.tamaro-widget .subscription-payment-method-details>.main .payment-method-details>.main .payment-method-form.cc .exp_cvv {
    display: flex;
    flex-direction: column
}

#tamaro-widget.tamaro-widget.tamaro-bp-xs .payment-payment-method-details>.main .payment-method-details>.main .payment-method-form.cc .exp_cvv,
#tamaro-widget.tamaro-widget.tamaro-bp-xs .subscription-payment-method-details>.main .payment-method-details>.main .payment-method-form.cc .exp_cvv {
    display: flex;
    flex-direction: row
}

#tamaro-widget.tamaro-widget.tamaro-bp-xs .payment-payment-method-details>.main .payment-method-details>.main .payment-method-form.cc .exp_cvv .form-block+.form-block,
#tamaro-widget.tamaro-widget.tamaro-bp-xs .subscription-payment-method-details>.main .payment-method-details>.main .payment-method-form.cc .exp_cvv .form-block+.form-block {
    margin-top: 0
}

#tamaro-widget.tamaro-widget.tamaro-bp-xs .payment-payment-method-details>.main .payment-method-details>.main .payment-method-form.cc .exp_cvv .exp,
#tamaro-widget.tamaro-widget.tamaro-bp-xs .subscription-payment-method-details>.main .payment-method-details>.main .payment-method-form.cc .exp_cvv .exp {
    width: 50%;
    margin-right: .5rem
}

#tamaro-widget.tamaro-widget.tamaro-bp-xs .payment-payment-method-details>.main .payment-method-details>.main .payment-method-form.cc .exp_cvv .cvv,
#tamaro-widget.tamaro-widget.tamaro-bp-xs .subscription-payment-method-details>.main .payment-method-details>.main .payment-method-form.cc .exp_cvv .cvv {
    width: 50%;
    margin-left: .5rem
}

#tamaro-widget.tamaro-widget .payment-payment-method-details>button.footer,
#tamaro-widget.tamaro-widget .subscription-payment-method-details>button.footer {
    display: flex;
    align-items: center;
    width: 100%;
    border-width: 0 1px 1px;
    text-align: left;
    position: relative;
    padding: 1.25rem;
    background-color: #f9f9f9;
    background-color: var(--tamaro-bg-color__hover)
}

#tamaro-widget.tamaro-widget .payment-payment-method-details>button.footer .icon,
#tamaro-widget.tamaro-widget .payment-payment-method-details>button.footer .text,
#tamaro-widget.tamaro-widget .subscription-payment-method-details>button.footer .icon,
#tamaro-widget.tamaro-widget .subscription-payment-method-details>button.footer .text {
    z-index: 1
}

#tamaro-widget.tamaro-widget .payment-payment-method-details>button.footer .icon,
#tamaro-widget.tamaro-widget .subscription-payment-method-details>button.footer .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 1.125rem;
    height: 1.125rem
}

#tamaro-widget.tamaro-widget .payment-payment-method-details>button.footer .icon .icon-angle-left,
#tamaro-widget.tamaro-widget .subscription-payment-method-details>button.footer .icon .icon-angle-left {
    width: 1rem;
    height: 1rem
}

#tamaro-widget.tamaro-widget .payment-payment-method-details>button.footer .icon .icon-angle-left .icon-angle-left-inner,
#tamaro-widget.tamaro-widget .subscription-payment-method-details>button.footer .icon .icon-angle-left .icon-angle-left-inner {
    transition: all .3s ease;
    stroke: #999;
    stroke: var(--tamaro-label-color)
}

#tamaro-widget.tamaro-widget .payment-payment-method-details>button.footer .text,
#tamaro-widget.tamaro-widget .subscription-payment-method-details>button.footer .text {
    font-weight: 400;
    overflow: hidden;
    margin-left: .875rem;
    color: #444;
    color: var(--tamaro-text-color)
}

#tamaro-widget.tamaro-widget .payment-payment-method-details>button.footer:focus .icon .icon-angle-left-inner,
#tamaro-widget.tamaro-widget .payment-payment-method-details>button.footer:hover .icon .icon-angle-left-inner,
#tamaro-widget.tamaro-widget .subscription-payment-method-details>button.footer:focus .icon .icon-angle-left-inner,
#tamaro-widget.tamaro-widget .subscription-payment-method-details>button.footer:hover .icon .icon-angle-left-inner {
    stroke: #444;
    stroke: var(--tamaro-text-color)
}

@-webkit-keyframes tamaro-pm-back-icon-focus__keyboard {
    0% {
        opacity: 0;
        transform: scale(0)
    }
    to {
        opacity: .1;
        opacity: var(--tamaro-checkable-ripple-opacity);
        transform: scale(2)
    }
}

@keyframes tamaro-pm-back-icon-focus__keyboard {
    0% {
        opacity: 0;
        transform: scale(0)
    }
    to {
        opacity: .1;
        opacity: var(--tamaro-checkable-ripple-opacity);
        transform: scale(2)
    }
}

[data-whatinput=keyboard] #tamaro-widget.tamaro-widget .payment-payment-method-details>button.footer .icon:after {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: 100%;
    background-color: #7d7d7d;
    background-color: var(--tamaro-checkable-ripple-bg-color);
    opacity: 0
}

[data-whatinput=keyboard] #tamaro-widget.tamaro-widget .payment-payment-method-details>button.footer:focus .icon:after {
    -webkit-animation: tamaro-pm-back-icon-focus__keyboard .3s ease forwards;
    animation: tamaro-pm-back-icon-focus__keyboard .3s ease forwards
}

#tamaro-widget.tamaro-widget .payment-profile-form .stored_customer_donation_receipt .footer,
#tamaro-widget.tamaro-widget .payment-profile-form .stored_customer_email_permission .footer {
    border-width: 0 1px 1px;
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06);
    overflow: hidden;
    color: #444;
    color: var(--tamaro-text-color)
}

#tamaro-widget.tamaro-widget .payment-profile-form .stored_customer_donation_receipt .footer .text,
#tamaro-widget.tamaro-widget .payment-profile-form .stored_customer_email_permission .footer .text {
    padding: 1.25rem
}

#tamaro-widget.tamaro-widget .payment-profile-short>.main {
    border-width: 1px;
    overflow: hidden;
    padding: 1.25rem
}

#tamaro-widget.tamaro-widget .payment-profile-short>.main .address,
#tamaro-widget.tamaro-widget .payment-profile-short>.main .name {
    display: block
}

.stored_customer_street{width: 70% !important; float: left !important; overflow: hidden !important}
.stored_customer_street_number{width: 30% !important; float: right !important; clear: right !important; overflow: hidden !important;}
.stored_customer_street2{overflow: hidden !important; clear: both !important; }
.stored_customer_street2 .field-block{margin-top: 1.5em !important; }

#tamaro-widget.tamaro-widget .faq>.header,
#tamaro-widget.tamaro-widget .faq>.main,
#tamaro-widget.tamaro-widget .payment-slip-download>.header,
#tamaro-widget.tamaro-widget .payment-slip-download>.main,
#tamaro-widget.tamaro-widget .subscription-cancel>.header,
#tamaro-widget.tamaro-widget .subscription-cancel>.main,
#tamaro-widget.tamaro-widget .subscription-customer-update>.header,
#tamaro-widget.tamaro-widget .subscription-customer-update>.main,
#tamaro-widget.tamaro-widget .subscription-info>.header,
#tamaro-widget.tamaro-widget .subscription-info>.main,
#tamaro-widget.tamaro-widget .subscription-not-found>.header,
#tamaro-widget.tamaro-widget .subscription-not-found>.main,
#tamaro-widget.tamaro-widget .transaction-info>.header,
#tamaro-widget.tamaro-widget .transaction-info>.main,
#tamaro-widget.tamaro-widget .transaction-not-found>.header,
#tamaro-widget.tamaro-widget .transaction-not-found>.main {
    border-width: 1px;
    padding: 1.25rem
}

#tamaro-widget.tamaro-widget .faq>.header,
#tamaro-widget.tamaro-widget .payment-slip-download>.header,
#tamaro-widget.tamaro-widget .subscription-cancel>.header,
#tamaro-widget.tamaro-widget .subscription-customer-update>.header,
#tamaro-widget.tamaro-widget .subscription-info>.header,
#tamaro-widget.tamaro-widget .subscription-not-found>.header,
#tamaro-widget.tamaro-widget .transaction-info>.header,
#tamaro-widget.tamaro-widget .transaction-not-found>.header {
    font-weight: 400
}

#tamaro-widget.tamaro-widget .faq>.header .title .text,
#tamaro-widget.tamaro-widget .payment-slip-download>.header .title .text,
#tamaro-widget.tamaro-widget .subscription-cancel>.header .title .text,
#tamaro-widget.tamaro-widget .subscription-customer-update>.header .title .text,
#tamaro-widget.tamaro-widget .subscription-info>.header .title .text,
#tamaro-widget.tamaro-widget .subscription-not-found>.header .title .text,
#tamaro-widget.tamaro-widget .transaction-info>.header .title .text,
#tamaro-widget.tamaro-widget .transaction-not-found>.header .title .text {
    font-size: 1rem;
    font-weight: 400
}

#tamaro-widget.tamaro-widget .faq>.main,
#tamaro-widget.tamaro-widget .payment-slip-download>.main,
#tamaro-widget.tamaro-widget .subscription-cancel>.main,
#tamaro-widget.tamaro-widget .subscription-customer-update>.main,
#tamaro-widget.tamaro-widget .subscription-info>.main,
#tamaro-widget.tamaro-widget .subscription-not-found>.main,
#tamaro-widget.tamaro-widget .transaction-info>.main,
#tamaro-widget.tamaro-widget .transaction-not-found>.main {
    border-top-width: 0;
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06)
}

#tamaro-widget.tamaro-widget .payment-slip-download {
    margin-top: 2rem
}

#tamaro-widget.tamaro-widget .payment-slip-download>.main {
    text-align: center;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

#tamaro-widget.tamaro-widget .payment-slip-download>.main button {
    position: relative;
    font-size: 1.125rem;
    height: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    min-height: 4rem
}

#tamaro-widget.tamaro-widget .payment-slip-download>.main button .icon-download {
    display: none
}

#tamaro-widget.tamaro-widget.tamaro-bp-sm .payment-slip-download>.main button {
    padding-left: 4rem;
    padding-right: 4rem
}

#tamaro-widget.tamaro-widget.tamaro-bp-sm .payment-slip-download>.main button .icon-download {
    position: absolute;
    display: block;
    left: 1.5rem;
    top: calc(50% - .9375rem);
    width: 1.875rem;
    height: 1.875rem
}

#tamaro-widget.tamaro-widget.tamaro-bp-sm .payment-slip-download>.main button .icon-download .icon-download-inner {
    fill: #fff;
    fill: var(--tamaro-button-primary-color)
}

#tamaro-widget.tamaro-widget .subscription-cancel>.actions,
#tamaro-widget.tamaro-widget .subscription-customer-update>.actions,
#tamaro-widget.tamaro-widget .subscription-payment-method-details>.actions,
#tamaro-widget.tamaro-widget .subscription-payment-methods>.actions {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 2rem 0 1.25rem
}

#tamaro-widget.tamaro-widget .subscription-cancel>.actions button,
#tamaro-widget.tamaro-widget .subscription-customer-update>.actions button,
#tamaro-widget.tamaro-widget .subscription-payment-method-details>.actions button,
#tamaro-widget.tamaro-widget .subscription-payment-methods>.actions button {
    width: 100%;
    font-size: 1rem;
    min-height: 4rem;
    font-size: 1.125rem
}

#tamaro-widget.tamaro-widget .subscription-cancel>.actions button+button,
#tamaro-widget.tamaro-widget .subscription-customer-update>.actions button+button,
#tamaro-widget.tamaro-widget .subscription-payment-method-details>.actions button+button,
#tamaro-widget.tamaro-widget .subscription-payment-methods>.actions button+button {
    margin-left: 0;
    margin-top: 0
}

#tamaro-widget.tamaro-widget .subscription-cancel>.actions .action-back,
#tamaro-widget.tamaro-widget .subscription-customer-update>.actions .action-back,
#tamaro-widget.tamaro-widget .subscription-payment-method-details>.actions .action-back,
#tamaro-widget.tamaro-widget .subscription-payment-methods>.actions .action-back {
    margin-top: 1rem
}

#tamaro-widget.tamaro-widget.tamaro-bp-xs .subscription-cancel>.actions,
#tamaro-widget.tamaro-widget.tamaro-bp-xs .subscription-customer-update>.actions,
#tamaro-widget.tamaro-widget.tamaro-bp-xs .subscription-payment-method-details>.actions,
#tamaro-widget.tamaro-widget.tamaro-bp-xs .subscription-payment-methods>.actions {
    flex-direction: row
}

#tamaro-widget.tamaro-widget.tamaro-bp-xs .subscription-cancel>.actions .action-back,
#tamaro-widget.tamaro-widget.tamaro-bp-xs .subscription-customer-update>.actions .action-back,
#tamaro-widget.tamaro-widget.tamaro-bp-xs .subscription-payment-method-details>.actions .action-back,
#tamaro-widget.tamaro-widget.tamaro-bp-xs .subscription-payment-methods>.actions .action-back {
    margin-top: 0
}

#tamaro-widget.tamaro-widget.tamaro-bp-xs .subscription-cancel>.actions .action-save,
#tamaro-widget.tamaro-widget.tamaro-bp-xs .subscription-customer-update>.actions .action-save,
#tamaro-widget.tamaro-widget.tamaro-bp-xs .subscription-payment-method-details>.actions .action-save,
#tamaro-widget.tamaro-widget.tamaro-bp-xs .subscription-payment-methods>.actions .action-save {
    margin-right: 1rem
}

#tamaro-widget.tamaro-widget .subscription-cancel>.thank-you-text {
    margin-bottom: 2rem;
    padding: 0
}

#tamaro-widget.tamaro-widget .subscription-cancel>.header .title {
    display: flex;
    align-items: center
}

#tamaro-widget.tamaro-widget .subscription-cancel>.header .title .icon-warning {
    flex-shrink: 0
}

#tamaro-widget.tamaro-widget .subscription-cancel>.header .title .icon-warning .icon-warning-inner {
    fill: #009fe3;
    fill: var(--tamaro-primary-color)
}

#tamaro-widget.tamaro-widget .subscription-cancel>.header .title .text {
    margin-left: 1rem
}

#tamaro-widget.tamaro-widget .payment-status.cancel,
#tamaro-widget.tamaro-widget .payment-status.error,
#tamaro-widget.tamaro-widget .subscription-customer-updated,
#tamaro-widget.tamaro-widget .subscription-payment-method-updated {
    overflow: hidden;
    font-weight: 300
}

#tamaro-widget.tamaro-widget .payment-status.cancel>.header,
#tamaro-widget.tamaro-widget .payment-status.error>.header,
#tamaro-widget.tamaro-widget .subscription-customer-updated>.header,
#tamaro-widget.tamaro-widget .subscription-payment-method-updated>.header {
    display: flex;
    font-weight: 400;
    padding: 1.25rem 1.25rem .25rem
}

#tamaro-widget.tamaro-widget .payment-status.cancel>.header .title .text,
#tamaro-widget.tamaro-widget .payment-status.error>.header .title .text,
#tamaro-widget.tamaro-widget .subscription-customer-updated>.header .title .text,
#tamaro-widget.tamaro-widget .subscription-payment-method-updated>.header .title .text {
    font-size: 1rem;
    font-weight: 400
}

#tamaro-widget.tamaro-widget .payment-status.cancel>.header button.close,
#tamaro-widget.tamaro-widget .payment-status.error>.header button.close,
#tamaro-widget.tamaro-widget .subscription-customer-updated>.header button.close,
#tamaro-widget.tamaro-widget .subscription-payment-method-updated>.header button.close {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto
}

#tamaro-widget.tamaro-widget .payment-status.cancel>.header button.close .icon,
#tamaro-widget.tamaro-widget .payment-status.error>.header button.close .icon,
#tamaro-widget.tamaro-widget .subscription-customer-updated>.header button.close .icon,
#tamaro-widget.tamaro-widget .subscription-payment-method-updated>.header button.close .icon {
    position: relative;
    width: 1.25rem;
    height: 1.25rem
}

#tamaro-widget.tamaro-widget .payment-status.cancel>.header button.close .icon .icon-close,
#tamaro-widget.tamaro-widget .payment-status.error>.header button.close .icon .icon-close,
#tamaro-widget.tamaro-widget .subscription-customer-updated>.header button.close .icon .icon-close,
#tamaro-widget.tamaro-widget .subscription-payment-method-updated>.header button.close .icon .icon-close {
    width: 1.25rem;
    height: 1.25rem;
    position: relative;
    z-index: 1
}

#tamaro-widget.tamaro-widget .payment-status.cancel>.actions,
#tamaro-widget.tamaro-widget .payment-status.cancel>.main,
#tamaro-widget.tamaro-widget .payment-status.error>.actions,
#tamaro-widget.tamaro-widget .payment-status.error>.main,
#tamaro-widget.tamaro-widget .subscription-customer-updated>.actions,
#tamaro-widget.tamaro-widget .subscription-customer-updated>.main,
#tamaro-widget.tamaro-widget .subscription-payment-method-updated>.actions,
#tamaro-widget.tamaro-widget .subscription-payment-method-updated>.main {
    padding: 1.25rem;
    padding-top: 0
}

#tamaro-widget.tamaro-widget .payment-status.cancel>.actions,
#tamaro-widget.tamaro-widget .payment-status.error>.actions,
#tamaro-widget.tamaro-widget .subscription-customer-updated>.actions,
#tamaro-widget.tamaro-widget .subscription-payment-method-updated>.actions {
    display: flex
}

#tamaro-widget.tamaro-widget .payment-status.cancel,
#tamaro-widget.tamaro-widget .payment-status.error {
    color: #d3192e;
    color: var(--tamaro-result-error-color);
    background-color: #fbe8ea;
    background-color: var(--tamaro-result-error-bg-color)
}

#tamaro-widget.tamaro-widget .payment-status.cancel .link,
#tamaro-widget.tamaro-widget .payment-status.error .link {
    color: #d3192e;
    color: var(--tamaro-result-error-link-color);
    background-color: transparent;
    background-color: var(--tamaro-result-error-link-bg-color);
    border-color: #d3192e;
    border-color: var(--tamaro-result-error-link-color)
}

#tamaro-widget.tamaro-widget .payment-status.cancel .link:focus,
#tamaro-widget.tamaro-widget .payment-status.cancel .link:hover,
#tamaro-widget.tamaro-widget .payment-status.cancel button:focus .link,
#tamaro-widget.tamaro-widget .payment-status.error .link:focus,
#tamaro-widget.tamaro-widget .payment-status.error .link:hover,
#tamaro-widget.tamaro-widget .payment-status.error button:focus .link {
    color: #d3192e;
    color: var(--tamaro-result-error-link-color__hover);
    background-color: #f4cdd1;
    background-color: var(--tamaro-result-error-link-bg-color__hover);
    border-color: #d3192e;
    border-color: var(--tamaro-result-error-link-color__hover)
}

#tamaro-widget.tamaro-widget .payment-status.cancel>.header .close .icon-close-inner,
#tamaro-widget.tamaro-widget .payment-status.error>.header .close .icon-close-inner {
    fill: #d3192e;
    fill: var(--tamaro-result-error-color)
}

#tamaro-widget.tamaro-widget .subscription-customer-updated,
#tamaro-widget.tamaro-widget .subscription-payment-method-updated {
    color: #009688;
    color: var(--tamaro-result-success-color);
    background-color: #e8f3f3;
    background-color: var(--tamaro-result-success-bg-color)
}

#tamaro-widget.tamaro-widget .subscription-customer-updated .link,
#tamaro-widget.tamaro-widget .subscription-payment-method-updated .link {
    color: #009688;
    color: var(--tamaro-result-success-link-color);
    background-color: transparent;
    background-color: var(--tamaro-result-success-link-bg-color);
    border-color: #009688;
    border-color: var(--tamaro-result-success-link-color)
}

#tamaro-widget.tamaro-widget .subscription-customer-updated .link:focus,
#tamaro-widget.tamaro-widget .subscription-customer-updated .link:hover,
#tamaro-widget.tamaro-widget .subscription-customer-updated button:focus .link,
#tamaro-widget.tamaro-widget .subscription-payment-method-updated .link:focus,
#tamaro-widget.tamaro-widget .subscription-payment-method-updated .link:hover,
#tamaro-widget.tamaro-widget .subscription-payment-method-updated button:focus .link {
    color: #009688;
    color: var(--tamaro-result-success-link-color__hover);
    background-color: #cceae7;
    background-color: var(--tamaro-result-success-link-bg-color__hover);
    border-color: #009688;
    border-color: var(--tamaro-result-success-link-color__hover)
}

#tamaro-widget.tamaro-widget .subscription-customer-updated>.header button.close .icon-close-inner,
#tamaro-widget.tamaro-widget .subscription-payment-method-updated>.header button.close .icon-close-inner {
    fill: #009688;
    fill: var(--tamaro-result-success-color)
}

@-webkit-keyframes tamaro-result-icon-close-focus__keyboard {
    0% {
        opacity: 0;
        transform: scale(0)
    }
    to {
        opacity: 1;
        transform: scale(1.6)
    }
}

@keyframes tamaro-result-icon-close-focus__keyboard {
    0% {
        opacity: 0;
        transform: scale(0)
    }
    to {
        opacity: 1;
        transform: scale(1.6)
    }
}

[data-whatinput=keyboard] #tamaro-widget.tamaro-widget .payment-status.cancel button.close .icon:after,
[data-whatinput=keyboard] #tamaro-widget.tamaro-widget .payment-status.error button.close .icon:after,
[data-whatinput=keyboard] #tamaro-widget.tamaro-widget .subscription-customer-updated button.close .icon:after,
[data-whatinput=keyboard] #tamaro-widget.tamaro-widget .subscription-payment-method-updated button.close .icon:after {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: 100%;
    opacity: 0
}

[data-whatinput=keyboard] #tamaro-widget.tamaro-widget .payment-status.cancel button.close:focus .icon:after,
[data-whatinput=keyboard] #tamaro-widget.tamaro-widget .payment-status.error button.close:focus .icon:after,
[data-whatinput=keyboard] #tamaro-widget.tamaro-widget .subscription-customer-updated button.close:focus .icon:after,
[data-whatinput=keyboard] #tamaro-widget.tamaro-widget .subscription-payment-method-updated button.close:focus .icon:after {
    -webkit-animation: tamaro-result-icon-close-focus__keyboard .3s ease forwards;
    animation: tamaro-result-icon-close-focus__keyboard .3s ease forwards
}

[data-whatinput=keyboard] #tamaro-widget.tamaro-widget .payment-status.cancel button.close .icon:after,
[data-whatinput=keyboard] #tamaro-widget.tamaro-widget .payment-status.error button.close .icon:after {
    background-color: #f4cdd1;
    background-color: var(--tamaro-result-error-link-bg-color__hover)
}

[data-whatinput=keyboard] #tamaro-widget.tamaro-widget .subscription-customer-updated button.close .icon:after,
[data-whatinput=keyboard] #tamaro-widget.tamaro-widget .subscription-payment-method-updated button.close .icon:after {
    background-color: #cceae7;
    background-color: var(--tamaro-result-success-link-bg-color__hover)
}

#tamaro-widget.tamaro-widget .mpos-initialization,
#tamaro-widget.tamaro-widget .payment-status.success,
#tamaro-widget.tamaro-widget .subscription-canceled {
    padding-top: 1rem;
    color: #444;
    color: var(--tamaro-text-color);
    background-color: transparent
}

#tamaro-widget.tamaro-widget .mpos-initialization .link,
#tamaro-widget.tamaro-widget .payment-status.success .link,
#tamaro-widget.tamaro-widget .subscription-canceled .link {
    color: #009fe3;
    color: var(--tamaro-primary-color)
}

#tamaro-widget.tamaro-widget .mpos-initialization>.header,
#tamaro-widget.tamaro-widget .payment-status.success>.header,
#tamaro-widget.tamaro-widget .subscription-canceled>.header {
    justify-content: center;
    font-size: 1.25rem
}

#tamaro-widget.tamaro-widget .mpos-initialization>.header .title,
#tamaro-widget.tamaro-widget .payment-status.success>.header .title,
#tamaro-widget.tamaro-widget .subscription-canceled>.header .title {
    text-align: center
}

#tamaro-widget.tamaro-widget .mpos-initialization>.header .title .icon-ok,
#tamaro-widget.tamaro-widget .payment-status.success>.header .title .icon-ok,
#tamaro-widget.tamaro-widget .subscription-canceled>.header .title .icon-ok {
    width: 3.375rem;
    height: 3.375rem;
    margin-bottom: 1.25rem
}

#tamaro-widget.tamaro-widget .mpos-initialization>.header .title .text,
#tamaro-widget.tamaro-widget .payment-status.success>.header .title .text,
#tamaro-widget.tamaro-widget .subscription-canceled>.header .title .text {
    font-size: 1.25rem;
    font-weight: 400
}

#tamaro-widget.tamaro-widget .mpos-initialization>.header .close,
#tamaro-widget.tamaro-widget .payment-status.success>.header .close,
#tamaro-widget.tamaro-widget .subscription-canceled>.header .close {
    display: none
}

#tamaro-widget.tamaro-widget .mpos-initialization>.main,
#tamaro-widget.tamaro-widget .payment-status.success>.main,
#tamaro-widget.tamaro-widget .subscription-canceled>.main {
    padding: 0;
    text-align: center;
    font-size: 1.125rem;
    margin-top: 1.25rem
}

#tamaro-widget.tamaro-widget .mpos-initialization>.actions,
#tamaro-widget.tamaro-widget .payment-status.success>.actions,
#tamaro-widget.tamaro-widget .subscription-canceled>.actions {
    flex-direction: column;
    padding: 0;
    margin-top: 2rem
}

#tamaro-widget.tamaro-widget .mpos-initialization>.header .title .icon-ok .icon-ok-inner {
    fill: #c5c5c5;
    fill: var(--tamaro-icon-color)
}

#tamaro-widget.tamaro-widget .mpos-initialization>.actions button {
    font-size: 1.125rem;
    height: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    min-height: 4rem
}

#tamaro-widget.tamaro-widget .payment-status.success>.header .title .icon-ok .icon-ok-inner,
#tamaro-widget.tamaro-widget .subscription-canceled>.header .title .icon-ok .icon-ok-inner {
    fill: #009fe3;
    fill: var(--tamaro-primary-color)
}

#tamaro-widget.tamaro-widget .subscription-info,
#tamaro-widget.tamaro-widget .transaction-info {
    margin-top: 2rem
}

#tamaro-widget.tamaro-widget .subscription-info>.main .customer-details>.header,
#tamaro-widget.tamaro-widget .subscription-info>.main .payment-method-details>.header,
#tamaro-widget.tamaro-widget .subscription-info>.main .subscription-details>.header,
#tamaro-widget.tamaro-widget .subscription-info>.main .transaction-details>.header,
#tamaro-widget.tamaro-widget .transaction-info>.main .customer-details>.header,
#tamaro-widget.tamaro-widget .transaction-info>.main .payment-method-details>.header,
#tamaro-widget.tamaro-widget .transaction-info>.main .subscription-details>.header,
#tamaro-widget.tamaro-widget .transaction-info>.main .transaction-details>.header {
    overflow: hidden;
    margin-bottom: 1rem
}

#tamaro-widget.tamaro-widget .subscription-info>.main .customer-details>.header .title,
#tamaro-widget.tamaro-widget .subscription-info>.main .payment-method-details>.header .title,
#tamaro-widget.tamaro-widget .subscription-info>.main .subscription-details>.header .title,
#tamaro-widget.tamaro-widget .subscription-info>.main .transaction-details>.header .title,
#tamaro-widget.tamaro-widget .transaction-info>.main .customer-details>.header .title,
#tamaro-widget.tamaro-widget .transaction-info>.main .payment-method-details>.header .title,
#tamaro-widget.tamaro-widget .transaction-info>.main .subscription-details>.header .title,
#tamaro-widget.tamaro-widget .transaction-info>.main .transaction-details>.header .title {
    display: flex;
    font-weight: 600
}

#tamaro-widget.tamaro-widget .subscription-info>.main .customer-details>.header .title .text,
#tamaro-widget.tamaro-widget .subscription-info>.main .payment-method-details>.header .title .text,
#tamaro-widget.tamaro-widget .subscription-info>.main .subscription-details>.header .title .text,
#tamaro-widget.tamaro-widget .subscription-info>.main .transaction-details>.header .title .text,
#tamaro-widget.tamaro-widget .transaction-info>.main .customer-details>.header .title .text,
#tamaro-widget.tamaro-widget .transaction-info>.main .payment-method-details>.header .title .text,
#tamaro-widget.tamaro-widget .transaction-info>.main .subscription-details>.header .title .text,
#tamaro-widget.tamaro-widget .transaction-info>.main .transaction-details>.header .title .text {
    font-size: 1rem;
    font-weight: 400
}

#tamaro-widget.tamaro-widget .subscription-info>.main .customer-details>.header .title [class*=icon-],
#tamaro-widget.tamaro-widget .subscription-info>.main .payment-method-details>.header .title [class*=icon-],
#tamaro-widget.tamaro-widget .subscription-info>.main .subscription-details>.header .title [class*=icon-],
#tamaro-widget.tamaro-widget .subscription-info>.main .transaction-details>.header .title [class*=icon-],
#tamaro-widget.tamaro-widget .transaction-info>.main .customer-details>.header .title [class*=icon-],
#tamaro-widget.tamaro-widget .transaction-info>.main .payment-method-details>.header .title [class*=icon-],
#tamaro-widget.tamaro-widget .transaction-info>.main .subscription-details>.header .title [class*=icon-],
#tamaro-widget.tamaro-widget .transaction-info>.main .transaction-details>.header .title [class*=icon-] {
    margin-left: auto;
    fill: #c5c5c5;
    fill: var(--tamaro-icon-color);
    width: 1.25rem;
    height: 1.25rem
}

#tamaro-widget.tamaro-widget .subscription-info>.main .customer-details>.actions,
#tamaro-widget.tamaro-widget .subscription-info>.main .payment-method-details>.actions,
#tamaro-widget.tamaro-widget .subscription-info>.main .subscription-details>.actions,
#tamaro-widget.tamaro-widget .subscription-info>.main .transaction-details>.actions,
#tamaro-widget.tamaro-widget .transaction-info>.main .customer-details>.actions,
#tamaro-widget.tamaro-widget .transaction-info>.main .payment-method-details>.actions,
#tamaro-widget.tamaro-widget .transaction-info>.main .subscription-details>.actions,
#tamaro-widget.tamaro-widget .transaction-info>.main .transaction-details>.actions {
    margin-top: 1rem
}

#tamaro-widget.tamaro-widget .subscription-info>.main .customer-details,
#tamaro-widget.tamaro-widget .subscription-info>.main .payment-method-details,
#tamaro-widget.tamaro-widget .transaction-info>.main .customer-details,
#tamaro-widget.tamaro-widget .transaction-info>.main .payment-method-details {
    border-top-width: 1px;
    margin-top: 1.25rem;
    padding-top: 1.25rem
}

#tamaro-widget.tamaro-widget .subscription-info>.main .subscription-details .main .amount-and-recurring-interval,
#tamaro-widget.tamaro-widget .subscription-info>.main .subscription-details .main .purpose,
#tamaro-widget.tamaro-widget .subscription-info>.main .subscription-details .main .subscription-inactive,
#tamaro-widget.tamaro-widget .subscription-info>.main .transaction-details .main .amount-and-recurring-interval,
#tamaro-widget.tamaro-widget .subscription-info>.main .transaction-details .main .purpose,
#tamaro-widget.tamaro-widget .subscription-info>.main .transaction-details .main .subscription-inactive,
#tamaro-widget.tamaro-widget .transaction-info>.main .subscription-details .main .amount-and-recurring-interval,
#tamaro-widget.tamaro-widget .transaction-info>.main .subscription-details .main .purpose,
#tamaro-widget.tamaro-widget .transaction-info>.main .subscription-details .main .subscription-inactive,
#tamaro-widget.tamaro-widget .transaction-info>.main .transaction-details .main .amount-and-recurring-interval,
#tamaro-widget.tamaro-widget .transaction-info>.main .transaction-details .main .purpose,
#tamaro-widget.tamaro-widget .transaction-info>.main .transaction-details .main .subscription-inactive {
    display: block
}

#tamaro-widget.tamaro-widget .subscription-info>.main .subscription-details .main .amount-and-recurring-interval .currency,
#tamaro-widget.tamaro-widget .subscription-info>.main .transaction-details .main .amount-and-recurring-interval .currency,
#tamaro-widget.tamaro-widget .transaction-info>.main .subscription-details .main .amount-and-recurring-interval .currency,
#tamaro-widget.tamaro-widget .transaction-info>.main .transaction-details .main .amount-and-recurring-interval .currency {
    text-transform: uppercase
}

#tamaro-widget.tamaro-widget .subscription-info>.main .subscription-details .main .amount-and-recurring-interval .amount,
#tamaro-widget.tamaro-widget .subscription-info>.main .subscription-details .main .amount-and-recurring-interval .recurring-interval,
#tamaro-widget.tamaro-widget .subscription-info>.main .transaction-details .main .amount-and-recurring-interval .amount,
#tamaro-widget.tamaro-widget .subscription-info>.main .transaction-details .main .amount-and-recurring-interval .recurring-interval,
#tamaro-widget.tamaro-widget .transaction-info>.main .subscription-details .main .amount-and-recurring-interval .amount,
#tamaro-widget.tamaro-widget .transaction-info>.main .subscription-details .main .amount-and-recurring-interval .recurring-interval,
#tamaro-widget.tamaro-widget .transaction-info>.main .transaction-details .main .amount-and-recurring-interval .amount,
#tamaro-widget.tamaro-widget .transaction-info>.main .transaction-details .main .amount-and-recurring-interval .recurring-interval {
    margin-left: .25rem
}

#tamaro-widget.tamaro-widget .subscription-info>.main .customer-details .main .email,
#tamaro-widget.tamaro-widget .subscription-info>.main .customer-details .main .name,
#tamaro-widget.tamaro-widget .subscription-info>.main .payment-method-details .main .expm-expy,
#tamaro-widget.tamaro-widget .subscription-info>.main .payment-method-details .main .payment-method,
#tamaro-widget.tamaro-widget .transaction-info>.main .customer-details .main .email,
#tamaro-widget.tamaro-widget .transaction-info>.main .customer-details .main .name,
#tamaro-widget.tamaro-widget .transaction-info>.main .payment-method-details .main .expm-expy,
#tamaro-widget.tamaro-widget .transaction-info>.main .payment-method-details .main .payment-method {
    display: block
}

#tamaro-widget.tamaro-widget .faq {
    margin-top: 2rem
}

#tamaro-widget.tamaro-widget .faq .faq-entries {
    width: 100%;
    padding: 0;
    margin: 0
}

#tamaro-widget.tamaro-widget .faq .faq-entries .faq-entry {
    width: 100%;
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

#tamaro-widget.tamaro-widget .faq .faq-entries .faq-entry .faq-entry-inner {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

#tamaro-widget.tamaro-widget .faq .faq-entries .faq-entry .faq-entry-inner button.faq-question {
    width: 100%
}

#tamaro-widget.tamaro-widget .faq .faq-entries .faq-entry .faq-entry-inner button.faq-question .faq-question-inner {
    display: flex;
    flex-direction: row;
    position: relative
}

#tamaro-widget.tamaro-widget .faq .faq-entries .faq-entry .faq-entry-inner button.faq-question .faq-question-inner .icon {
    position: relative;
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 1rem
}

#tamaro-widget.tamaro-widget .faq .faq-entries .faq-entry .faq-entry-inner button.faq-question .faq-question-inner .icon .icon-minus,
#tamaro-widget.tamaro-widget .faq .faq-entries .faq-entry .faq-entry-inner button.faq-question .faq-question-inner .icon .icon-plus {
    width: 1.5rem;
    height: 1.5rem;
    position: relative;
    z-index: 1
}

#tamaro-widget.tamaro-widget .faq .faq-entries .faq-entry .faq-entry-inner button.faq-question .faq-question-inner .icon .icon-minus .icon-minus-inner,
#tamaro-widget.tamaro-widget .faq .faq-entries .faq-entry .faq-entry-inner button.faq-question .faq-question-inner .icon .icon-minus .icon-plus-inner,
#tamaro-widget.tamaro-widget .faq .faq-entries .faq-entry .faq-entry-inner button.faq-question .faq-question-inner .icon .icon-plus .icon-minus-inner,
#tamaro-widget.tamaro-widget .faq .faq-entries .faq-entry .faq-entry-inner button.faq-question .faq-question-inner .icon .icon-plus .icon-plus-inner {
    fill: #009fe3;
    fill: var(--tamaro-primary-color)
}

#tamaro-widget.tamaro-widget .faq .faq-entries .faq-entry .faq-entry-inner button.faq-question .faq-question-inner .title {
    font-weight: 400
}

#tamaro-widget.tamaro-widget .faq .faq-entries .faq-entry .faq-entry-inner .faq-answer {
    padding: 0;
    font-weight: 300;
    padding-left: 2.5rem
}

#tamaro-widget.tamaro-widget .faq .faq-entries .faq-entry .faq-entry-inner .faq-answer .text {
    padding-top: 1.25rem
}

#tamaro-widget.tamaro-widget .faq .faq-entries .faq-entry+.faq-entry .faq-entry-inner {
    border-top-width: 1px
}

@-webkit-keyframes tamaro-faq-icon-focus__keyboard {
    0% {
        opacity: 0;
        transform: scale(0)
    }
    to {
        opacity: .1;
        opacity: var(--tamaro-checkable-ripple-opacity);
        transform: scale(1.6)
    }
}

@keyframes tamaro-faq-icon-focus__keyboard {
    0% {
        opacity: 0;
        transform: scale(0)
    }
    to {
        opacity: .1;
        opacity: var(--tamaro-checkable-ripple-opacity);
        transform: scale(1.6)
    }
}

[data-whatinput=keyboard] #tamaro-widget.tamaro-widget .faq .faq-entries button.faq-question .icon:after {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: 100%;
    background-color: #009fe3;
    background-color: var(--tamaro-checkable-ripple-bg-color__checked);
    opacity: 0
}

[data-whatinput=keyboard] #tamaro-widget.tamaro-widget .faq .faq-entries button.faq-question:focus .icon:after {
    -webkit-animation: tamaro-faq-icon-focus__keyboard .3s ease forwards;
    animation: tamaro-faq-icon-focus__keyboard .3s ease forwards
}

#tamaro-widget.tamaro-widget .subscription-payment-methods>.main .update-current-payment-method .title {
    margin-bottom: 1rem
}

#tamaro-widget.tamaro-widget .subscription-payment-methods>.main .update-current-payment-method .title .text {
    font-size: 1rem;
    font-weight: 400
}

#tamaro-widget.tamaro-widget .subscription-payment-methods>.main .choose-another-payment-method .title {
    margin-bottom: 1rem;
    margin-top: 1.5rem
}

#tamaro-widget.tamaro-widget .subscription-payment-methods>.main .choose-another-payment-method .title .text {
    font-size: 1rem;
    font-weight: 400
}

#tamaro-widget.tamaro-widget .subscription-payment-methods>.main .payment-methods {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1px;
    margin-left: 1px
}

#tamaro-widget.tamaro-widget .subscription-payment-methods>.main .payment-methods .payment-method {
    display: flex;
    align-items: center;
    overflow: hidden;
    width: 100%;
    border-width: 1px;
    margin-top: -1px;
    margin-left: -1px;
    padding: 1rem 1.25rem;
    transition: all .3s ease
}

#tamaro-widget.tamaro-widget .subscription-payment-methods>.main .payment-methods .payment-method .image {
    position: relative;
    flex-shrink: 0;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    border-radius: 50%;
    width: 2.75rem;
    height: 2.75rem
}

#tamaro-widget.tamaro-widget .subscription-payment-methods>.main .payment-methods .payment-method .text {
    position: relative;
    padding-left: .75rem;
    text-align: left;
    overflow: hidden;
    color: #444;
    color: var(--tamaro-text-color)
}

#tamaro-widget.tamaro-widget .subscription-payment-methods>.main .payment-methods .payment-method:hover {
    cursor: pointer;
    background-color: #f9f9f9;
    background-color: var(--tamaro-bg-color__hover)
}

[data-whatinput=keyboard] #tamaro-widget.tamaro-widget .subscription-payment-methods>.main .payment-methods .payment-method:focus {
    background-color: #f9f9f9;
    background-color: var(--tamaro-bg-color__hover)
}

#tamaro-widget.tamaro-widget .retry-payment.retry-payment-line {
    margin-top: 1.75rem
}

#tamaro-widget.tamaro-widget .retry-payment.retry-payment-line>.main {
    display: flex;
    justify-content: center;
    align-items: center
}

@-webkit-keyframes tamaro-test-mode-bar {
    0% {
        opacity: 1
    }
    50% {
        opacity: .2
    }
    to {
        opacity: 1
    }
}

@keyframes tamaro-test-mode-bar {
    0% {
        opacity: 1
    }
    50% {
        opacity: .2
    }
    to {
        opacity: 1
    }
}

#tamaro-widget.tamaro-widget .test-mode-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 2.5rem 0;
    height: .0625rem;
    background-color: #f8a450;
    background-color: var(--tamaro-test-mode-bar-border-color)
}

#tamaro-widget.tamaro-widget .test-mode-bar .main {
    display: flex;
    padding-left: 1rem;
    padding-right: 1rem;
    background-color: #fff;
    background-color: var(--tamaro-bg-color)
}

#tamaro-widget.tamaro-widget .test-mode-bar .main .text {
    font-weight: 600;
    font-size: .75rem;
    line-height: 1;
    padding: .375rem .75rem;
    color: #fff;
    color: var(--tamaro-test-mode-bar-color);
    background-color: #f8a450;
    background-color: var(--tamaro-test-mode-bar-bg-color);
    border-radius: 1rem;
    -webkit-animation: tamaro-test-mode-bar 2s infinite;
    animation: tamaro-test-mode-bar 2s infinite
}

#tamaro-widget.tamaro-widget.tamaro-bp-sm .test-mode-bar {
    margin: 3.75rem 0
}

#tamaro-widget-overlay.tamaro-widget .slot-marker,
#tamaro-widget.tamaro-widget .slot-marker {
    padding: .75rem;
    margin-top: .5rem;
    margin-bottom: .5rem;
    width: 100%;
    border-width: 1px;
    font-size: .75rem;
    border-radius: .25rem;
    text-align: center;
    color: #de751f;
    border-color: #faad63;
    background-color: #fff5eb
}

#tamaro-widget-overlay.tamaro-widget .slot-marker.close,
#tamaro-widget-overlay.tamaro-widget .slot-marker.empty,
#tamaro-widget-overlay.tamaro-widget .slot-marker.open,
#tamaro-widget.tamaro-widget .slot-marker.close,
#tamaro-widget.tamaro-widget .slot-marker.empty,
#tamaro-widget.tamaro-widget .slot-marker.open {
    background-image: linear-gradient(180deg, #fff5eb, #fff)
}

#tamaro-widget-overlay.tamaro-widget .slot-marker.open,
#tamaro-widget.tamaro-widget .slot-marker.open {
    border-bottom-width: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

#tamaro-widget-overlay.tamaro-widget .slot-marker.close,
#tamaro-widget.tamaro-widget .slot-marker.close {
    border-top-width: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

#tamaro-widget.tamaro-widget .debug {
    border-width: 1px;
    border-radius: .25rem;
    line-height: 1;
    padding: 1rem;
    margin-top: 2rem;
    overflow: hidden
}

#tamaro-widget.tamaro-widget .debug>.title {
    font-weight: 700;
    font-size: 1.125rem;
    margin-bottom: 1rem
}

#tamaro-widget.tamaro-widget .debug .section {
    border-top-width: 1px;
    border-bottom-width: 1px;
    margin-top: -1px
}

#tamaro-widget.tamaro-widget .debug .section button.header {
    display: flex;
    flex-direction: row;
    width: 100%;
    font-size: .875rem;
    font-weight: 500;
    cursor: pointer;
    padding-top: .5rem;
    padding-bottom: .5rem;
    overflow: hidden
}

#tamaro-widget.tamaro-widget .debug .section button.header .text {
    position: relative;
    margin-right: .5rem
}

#tamaro-widget.tamaro-widget .debug .section button.header .icon {
    position: relative;
    margin-left: auto
}

#tamaro-widget.tamaro-widget .debug .section button.header:hover,
[data-whatinput=keyboard] #tamaro-widget.tamaro-widget .debug .section button.header:focus {
    background-color: #f9f9f9;
    background-color: var(--tamaro-bg-color__hover)
}

#tamaro-widget.tamaro-widget .debug .section .content {
    font-size: .875rem;
    padding-top: .5rem;
    padding-bottom: 1rem
}

#tamaro-widget.tamaro-widget .debug .section .content .actions,
#tamaro-widget.tamaro-widget .debug .section .content .info,
#tamaro-widget.tamaro-widget .debug .section .content .subtitle,
#tamaro-widget.tamaro-widget .debug .section .content pre {
    margin-top: .5rem
}

#tamaro-widget.tamaro-widget .debug .section .content .subtitle {
    font-weight: 500
}

#tamaro-widget.tamaro-widget .debug .section .content .actions label {
    display: block;
    margin-bottom: .25rem;
    line-height: 1.125rem
}

#tamaro-widget.tamaro-widget .debug .section .content .actions label input[type=checkbox] {
    margin-right: .25rem
}

#tamaro-widget.tamaro-widget .debug .section .content .actions label select {
    border-width: 1px;
    margin-left: .25rem;
    margin-right: .25rem
}

#tamaro-widget.tamaro-widget .debug .section .content .info {
    font-style: italic
}

#tamaro-widget.tamaro-widget .debug .section .content pre {
    border-width: 1px;
    border-style: dashed;
    padding: .5rem;
    background-color: #f8fafc
}

#tamaro-widget.tamaro-widget .debug .section .content pre.wrap {
    white-space: pre-wrap
}

#tamaro-widget.tamaro-widget .debug .section .content hr {
    border-style: dashed
}

#tamaro-widget.tamaro-widget .debug .section .content .tester {
    margin-top: .5rem
}

#tamaro-widget.tamaro-widget .debug .section .content .tester .expression {
    display: flex
}

#tamaro-widget.tamaro-widget .debug .section .content .tester .expression input {
    border-width: 1px;
    font-weight: 400;
    width: 100%;
    padding: .5rem
}

#tamaro-widget.tamaro-widget .debug .section .content .tester .expression input::-webkit-input-placeholder {
    color: #a2a2a2
}

#tamaro-widget.tamaro-widget .debug .section .content .tester .expression input::-moz-placeholder {
    color: #a2a2a2
}

#tamaro-widget.tamaro-widget .debug .section .content .tester .expression input:-ms-input-placeholder {
    color: #a2a2a2
}

#tamaro-widget.tamaro-widget .debug .section .content .tester .expression input::-ms-input-placeholder {
    color: #a2a2a2
}

#tamaro-widget.tamaro-widget .debug .section .content .tester .expression input::placeholder {
    color: #a2a2a2
}
section#tamaro-widget {
    /*padding-top: 0;*/
}
section#c30225 h2 {
    margin-bottom: 0.7rem;
}

#tamaro-widget.tamaro-widget.tamaro-bp-sm .payment-payment-methods>.main .payment-methods .payment-method {
    flex-direction: column;
    width: 25%;
}
#c44685 #tamaro-widget.tamaro-widget .stored_customer_email_permission .label-text {
    color: #999999 !important;
    font-weight: 400 !important;
}
#c44685 #tamaro-widget.tamaro-widget #stored_customer_email_permission-info-widget {
    color: #999999 !important;
    font-weight: 400 !important;
}
/*#tamaro-widget.tamaro-widget .stored_customer_donation_receipt {
    color: #999999 !important;
    font-weight: 400 !important;
}
#tamaro-widget.tamaro-widget #stored_customer_donation_receipt-info-widget {
    color: #999999 !important;
    font-weight: 400 !important;
}*/

#c44685 #tamaro-widget.tamaro-widget .stored_customer_message {
    display: none;
}
/*
#tamaro-widget.tamaro-widget .stored_customer_donation_receipt {
    display: none;
}*/
#c44685 #tamaro-widget.tamaro-widget .stored_customer_street_number {
    margin-top: 0px !important;
}