@font-face {
font-family: notosans;
src: url(/fonts/NotoSans-Regular.ttf) format('truetype');
}
@font-face {
font-family: gothambold;
src: url(/fonts/gothambold.otf) format('opentype');
}
@font-face {
font-family: dinnextbold;
src: url(//mtgcardbuilder.com/fonts/DIN-Next-Bold.otf) format('opentype');
}
@font-face {
font-family: dinnext;
src: url(//mtgcardbuilder.com/fonts/DIN-Next-Regular.otf) format('opentype');
}
@font-face {
font-family: dinnextmedium;
src: url(//mtgcardbuilder.com/fonts/DIN-Next-Medium.otf) format('opentype');
}
@font-face {
font-family: gillsans;
src: url(/fonts/Gill Sans Medium.otf) format('opentype');
}
@font-face {
font-family: gillsansbold;
src: url(/fonts/Gill Sans Condensed Bold.otf) format('opentype');
}
@font-face {
font-family: gillsansitalic;
src: url(/fonts/Gill Sans Medium Italic) format('opentype');
}
@font-face {
font-family: gillsansbolditalic;
src: url(/fonts/Gill Sans Bold Italic.otf) format('opentype');
}
@font-face {
font-family: specialelite;
src: url(/fonts/SpecialElite-Regular.ttf) format('truetype');
}
@font-face {
font-family: neosans;
src: url(/fonts/NeoSansProRegular.OTF) format('opentype');
}
@font-face {
font-family: neosansitalic;
src: url(/fonts/NeoSansProItalic.OTF) format('opentype');
}
@font-face {
font-family: ocra;
src: url(/fonts/OCR A Std Regular.ttf) format('truetype');
}
@font-face {
font-family: decour;
src: url(/fonts/decour-cnd-regular.ttf) format('truetype');
}
@font-face {
font-family: decouritalic;
src: url(/fonts/decour-cnd-regular-italic.ttf) format('truetype');
}
@font-face {
font-family: officina;
src: url(/fonts/officina-ser-itc-black.otf) format('opentype');
}
@font-face {
font-family: davisonamericana;
src: url(/fonts/Davison Americana CG Regular.otf) format('opentype');
}
@font-face {
font-family: saloongirl;
src: url(/fonts/saloon-girl.ttf) format('truetype');
}
@font-face {
font-family: arialblack;
src: url(/fonts/arial_black.ttf) format('truetype');
}
@font-face {
font-family: SpecialElite-Regular;
src: url(//mtgcardbuilder.com/fonts/new/SpecialElite-Regular.ttf) format('truetype');
}
@font-face {
font-family: Amanda-Std-Regular;
src: url(//mtgcardbuilder.com/fonts/new/Amanda Std Regular.otf) format('truetype');
}
@font-face {
font-family: arial_black;
src: url(//mtgcardbuilder.com/fonts/new/arial_black.ttf) format('truetype');
}
@font-face {
font-family: Davison-Americana-CG-Regular;
src: url(//mtgcardbuilder.com/fonts/new/Davison Americana CG Regular.otf) format('truetype');
}
@font-face {
font-family: decour-cnd-regular;
src: url(//mtgcardbuilder.com/fonts/new/decour-cnd-regular.ttf) format('truetype');
}
@font-face {
font-family: decour-cnd-regular-italic;
src: url(//mtgcardbuilder.com/fonts/new/decour-cnd-regular-italic.ttf) format('truetype');
}
@font-face {
font-family: Gill-Sans-Bold-Italic;
src: url(//mtgcardbuilder.com/fonts/new/Gill Sans Bold Italic.otf) format('truetype');
}
@font-face {
font-family: Gill-Sans-Condensed-Bold;
src: url(//mtgcardbuilder.com/fonts/new/Gill Sans Condensed Bold.otf) format('truetype');
}
@font-face {
font-family: Gill-Sans-Medium-Italic;
src: url(//mtgcardbuilder.com/fonts/new/Gill Sans Medium Italic.otf) format('truetype');
}
@font-face {
font-family: Gill-Sans-Medium;
src: url(//mtgcardbuilder.com/fonts/new/Gill Sans Medium.otf) format('truetype');
}
@font-face {
font-family: NeoSansProItalic;
src: url(//mtgcardbuilder.com/fonts/new/NeoSansProItalic.OTF) format('truetype');
}
@font-face {
font-family: NeoSansProRegular;
src: url(//mtgcardbuilder.com/fonts/new/NeoSansProRegular.OTF) format('truetype');
}
@font-face {
font-family: OCR-A-Std-Regular;
src: url(//mtgcardbuilder.com/fonts/new/OCR A Std Regular.otf) format('truetype');
}
@font-face {
font-family: officina-ser-itc-black;
src: url(//mtgcardbuilder.com/fonts/new/officina-ser-itc-black.otf) format('truetype');
}
@font-face {
font-family: plantin-semibold;
src: url(//mtgcardbuilder.com/fonts/new/plantin-semibold.otf) format('truetype');
}
@font-face {
font-family: Plantin-SemiboldItalic;
src: url(//mtgcardbuilder.com/fonts/new/Plantin-SemiboldItalic.otf) format('truetype');
}
@font-face {
font-family: saloon-girl;
src: url(//mtgcardbuilder.com/fonts/new/saloon-girl.ttf) format('truetype');
}
@font-face {
font-family: shango-gothic-bold;
src: url(//mtgcardbuilder.com/fonts/new/shango-gothic-bold.ttf) format('truetype');
}
@font-face {
font-family: Souvenir-Itc-T-OT-Bold;
src: url(//mtgcardbuilder.com/fonts/new/Souvenir-Itc-T-OT-Bold.otf) format('truetype');
}
@font-face {
font-family: Phyrexian_normal;
src: url(//mtgcardbuilder.com/fonts/new/Phyrexian_normal.ttf) format('truetype');
}
@font-face {
font-family: Phyrexian_horizontal;
src: url(//mtgcardbuilder.com/fonts/new/Phyrexian_horizontal.ttf) format('truetype');
}
@font-face {
font-family: chiller;
src: url(//mtgcardbuilder.com/fonts/chiller.ttf) format('truetype');
}
@font-face {
font-family: enchanted-land;
src: url(//mtgcardbuilder.com/fonts/enchanted-land.otf) format('truetype');
}
@font-face {
font-family: berry-rotunda;
src: url(//mtgcardbuilder.com/fonts/berry-rotunda.ttf) format('truetype');
}
@font-face {
font-family: vanilla-caramel;
src: url(//mtgcardbuilder.com/fonts/vanilla-caramel.otf) format('truetype');
}
@font-face {
font-family: belwe;
src: url(//mtgcardbuilder.com/fonts/belwe.ttf) format('truetype');
}
@font-face {
font-family: grobold;
src: url(//mtgcardbuilder.com/fonts/grobold.ttf) format('truetype');
}
@font-face {
font-family: gothammedium;
src: url(//mtgcardbuilder.com/fonts/gotham-medium.ttf) format('truetype');
}
@font-face {
font-family: belerenb;
src: url(//mtgcardbuilder.com/fonts/beleren-b.ttf) format('truetype');
}
@font-face {
font-family: belerenbsc;
src: url(//mtgcardbuilder.com/fonts/beleren-bsc.ttf) format('truetype');
}
@font-face {
font-family: matrix;
src: url(//mtgcardbuilder.com/fonts/matrix.ttf) format('truetype');
}
@font-face {
font-family: matrixb;
src: url(//mtgcardbuilder.com/fonts/matrix-b.ttf) format('truetype');
}
@font-face {
font-family: matrixbsc;
src: url(//mtgcardbuilder.com/fonts/Matrix Bold Small Caps.ttf) format('truetype');
}
@font-face {
font-family: mplantin;
src: url(//mtgcardbuilder.com/fonts/mplantin.ttf) format('truetype');
}
@font-face {
font-family: mplantini;
src: url(//mtgcardbuilder.com/fonts/mplantin-i.ttf) format('truetype');
}
@font-face {
font-family: plantinsemibold;
src: url(//mtgcardbuilder.com/fonts/plantin-semibold.otf) format('opentype');
}
@font-face {
font-family: plantinsemibolditalic;
src: url(//mtgcardbuilder.com/fonts/Plantin-SemiboldItalic.otf) format('opentype');
}
@font-face {
font-family: goudymedieval;
src: url(//mtgcardbuilder.com/fonts/goudy-medieval.ttf) format('truetype');
}
@font-face {
font-family: phyrexianold;
src: url(//mtgcardbuilder.com/fonts/phyrexian.ttf) format('truetype');
}
@font-face {
font-family: phyrexian;
src: url(//mtgcardbuilder.com/fonts/phy.woff2) format("woff2");
}
@font-face {
font-family: Montserrat-SemiBold;
src: url(//mtgcardbuilder.com/fonts/Montserrat-SemiBold.ttf) format('truetype');
}
@font-face {
font-family: Montserrat-Medium;
src: url(//mtgcardbuilder.com/fonts/Montserrat-Medium.ttf) format('truetype');
}
@font-face {
font-family: Acme-Regular;
src: url(//mtgcardbuilder.com/fonts/Acme-Regular.ttf) format('truetype');
}
@font-face {
font-family: fritz-quadrata;
src: url(//mtgcardbuilder.com/fonts/fritz-quadrata.ttf) format('truetype');
}
@font-face {
font-family: japanese-title;
src: url(//mtgcardbuilder.com/fonts/NudMotoyaExAporo_W6.ttf) format('truetype');
}
@font-face {
font-family: japanese;
src: url(//mtgcardbuilder.com/fonts/2012c863631ba71f874aba70590795a1.otf) format('opentype');
}
@font-face {
font-family: invocation;
src: url(//mtgcardbuilder.com/fonts/invocation.ttf) format('truetype');
}
@font-face {
font-family: invocation-text;
src: url(//mtgcardbuilder.com/fonts/shango-gothic-bold.ttf) format('truetype');
}
@font-face {
font-family: souvenir;
src: url(//mtgcardbuilder.com/fonts/Souvenir-Itc-T-OT-Bold.otf) format('opentype');
}
@font-face {
font-family: palatino;
src: url(//mtgcardbuilder.com/fonts/Palatino Font.ttf) format('truetype');
}
@font-face {
font-family: amanda;
src: url(//mtgcardbuilder.com/fonts/Amanda Std Regular.otf) format('opentype');
}
@font-face {
font-family: plantinmtprobold;
src: url(/fonts/PlantinMTProBold.woff2) format("woff2");
}
@font-face {
font-family: plantinmtprorg;
src: url(/fonts/PlantinMTProRg.woff2) format("woff2");
}
@font-face {
font-family: plantinmtprorgit;
src: url(/fonts/PlantinMTProRgIt.woff2) format("woff2");
}
@font-face {
font-family: plantinmtprosemiboldit;
src: url(/fonts/PlantinMTProSemiBdIt.woff2) format("woff2");
} :root {
--site-background: url(//mtgcardbuilder.com/img/lowpolyBackground.svg);
--color-primary: #35603E;
--color-selected: #a6d3f4; --color-highlight: #8f8;
--font-color: #fff;
--font-color-2: white; --input-background: #333;
--input-background-selected: #555;
--darkened-backdrop-filter: grayscale(1) brightness(0.);
--regular-backdrop-filter: none;
--window-diagonal-size: 400px;
} body{ } html {
font-size: 12pt;
overflow-x: hidden;
background: #151515;
color: var(--font-color);
} body {     }
h5{
margin:0;
}
header, footer, .main-content { }
header, footer {
backdrop-filter: var(--darkened-backdrop-filter);
-webkit-backdrop-filter: var(--darkened-backdrop-filter);
}
header {
padding: 2rem 0;
}
.header-extension {
padding-bottom: 2rem;
}
footer {
padding: 2rem;
display: grid;
grid-template-columns: calc(1fr - 4rem);
grid-gap: 1rem;
}
@media only screen and (min-width: 750px) {
footer {
grid-template-columns: repeat(3, 1fr);
}
}
footer > div > * {
margin: 1rem 0;
} img {
max-width: 100%;
} ::-webkit-scrollbar {
width: 0.5rem;
height: 0;
background: #222;
}
::-webkit-scrollbar-thumb {
background: #888;
border-radius: 0.25rem;
} .title {
font-family: belerenbsc;
}
h1.title {
font-size: 4rem;
}
.shadow {
text-shadow: 0.2rem 0.2rem 0.5rem black;
}
h1 {
font-size: 3rem;
font-family: Montserrat-SemiBold, Helvetica, Tahoma, Verdana, Geneva, sans-serif;
overflow-wrap: break-word;
}
h2 {
font-size: 2.5rem;
font-family: Montserrat-Medium, Helvetica, Tahoma, Verdana, Geneva, sans-serif;
overflow-wrap: break-word;
}
h3 {
font-size: 2rem;
font-family: Montserrat-Medium, Helvetica, Tahoma, Verdana, Geneva, sans-serif;
overflow-wrap: break-word;
}
h4 {
font-size: 1.5rem;
font-family: Montserrat-Medium, Helvetica, Tahoma, Verdana, Geneva, sans-serif;
overflow-wrap: break-word;
}
h5 {
font-size: 1.25rem;
font-family: Montserrat-Medium, Helvetica, Tahoma, Verdana, Geneva, sans-serif;
overflow-wrap: break-word;
}
p {
font-size: 1rem;
font-family: Montserrat-Medium, Helvetica, Tahoma, Verdana, Geneva, sans-serif;
overflow-wrap: break-word;
}
a {
color: inherit;
text-decoration: inherit;
overflow-wrap: break-word;
}
a:hover {
text-decoration: underline;
}
a.underline {
text-decoration: underline;
}
::selection {
color: var(--font-color);
background: var(--color-highlight);
}
::moz-selection {
color: var(--font-color);
background: var(--color-highlight);;
} .hidden {
display: none;
}
.fake-hidden {
opacity: 0;
position: absolute;
top: -100%;
left: -100%;
}
.margin-bottom {
margin-bottom: 0.5rem;
}
.margin-bottom-large {
margin-bottom: 2rem;
}
.margin-bottom-larger {
margin-bottom: 3rem;
}
.margin-top {
margin-top: 0.5rem;
}
.padding {
padding: 0.5rem;
}
#selectedPreview,#frame-list .input-description{
margin-top: 5px !important;
margin-bottom: 5px !important;
} .readable-background {
backdrop-filter: var(--darkened-backdrop-filter);
-webkit-backdrop-filter: var(--darkened-backdrop-filter);
}
.box-shadow {
box-shadow: 0 2px 8px #0008;
}
.split-grid {
display: grid;
grid-template-columns: 2fr 1fr;
grid-gap: 0.5rem;
}
.center {
text-align: center;
}
.layer {
padding: 0.5rem;
}
.vertical-center {
margin: auto;
}
@media only screen and (min-width: 750px) {
.layer {
padding: 2rem;
}
} .hamburger {
position: fixed;
right: 0rem;
top: 0rem;
width: 4rem;
height: 4rem;
fill-rule: evenodd;
clip-rule: evenodd;
stroke-linejoin: round;
stroke-miterlimit: 1.5;
cursor: pointer;
z-index: 100;
background: var(--color-primary);
border-radius: 0 0 0 0.5rem;
}
.hamburger > path {
fill: none;
stroke: white;
stroke-width: 8px;
transition: 0.5s;
}
.line1, .line3 {
stroke-dasharray: 80 183;
stroke-dashoffset: 0;
}
.line2 {
stroke-dasharray: 80 80;
stroke-dashoffset: 0;
}
.opened > .line1, .opened > .line3 {
stroke-dasharray: 103 183;
stroke-dashoffset: -80;
}
.opened > .line2 {
stroke-dasharray: 0 60;
stroke-dashoffset: -40;
}
.circle {
z-index: 5;
position: fixed;
right: 0;
top: 0;
padding: 0;
background: var(--color-primary);
border-radius: 100%;
transition: 0.333s ease;
}
.hamburger:hover + .circle { }
.hamburger.opened + .circle {
padding: var(--window-diagonal-size);
right: calc(0px - var(--window-diagonal-size));
top: calc(0px - var(--window-diagonal-size));
transition: 0.75s cubic-bezier(.53,.47,.76,-0.52);
} .menu {
position: fixed;
z-index: 10;
bottom: 200vh;
left: 0;
width: 100vw;
height: 100vh;
overflow-y: scroll;
transition: 0.5s;
text-align: center;
}
.menu.menu-visible {
bottom: 0;
transition-delay: 0.667s;
}
.menu > div {
display: inline-block;
margin: 0 auto;
text-align: left;
} .main-menu {
padding: 2rem;
line-height: 3rem;
}
.main-menu > h2 {
margin-top: 4rem;
} .notification-container {
position: fixed;
z-index: 10;
bottom: 0;
left: 1.5rem;
width: calc(100vw - 3rem);
max-height: 75vh;
overflow-y: scroll;
transition: 0.5s;
}
.notification {
border-top: 0.25rem solid var(--color-selected);
background: var(--input-background);
display: grid;
grid-template-columns: auto 2rem;
transition: 0.5s;
}
.notification > h3 {
text-align: center;
user-select: none;
cursor: pointer;
}
.notification.hidden {
opacity: 0;
}
button{
font-weight: bold !important;
} .input {
box-sizing: border-box;
width: 100%;
background: var(--input-background);
color: white; font-size: 1.25rem;
font-family: Montserrat-Medium, Helvetica, Tahoma, Verdana, Geneva, sans-serif;
font-weight: 100;
border-width: 0.25rem 0 0 0;
border-style: solid;
border-color: #0000;
padding: 0 0.25rem 0.25rem 0.25rem;
transition: 0.5s;
}
.input:hover {
box-shadow: 0 0px 3px black;
transition: 0.05s;
}
.input:focus {
outline: none;
}
.input:active {
border-color: var(--color-selected);
}
.input:disabled {
opacity: 0.5;
}
.input:disabled:hover {
box-shadow: none;
}
button:hover{
background-color: #df4633 !important;
}
button:focus{
background-color: #df4633 !important;
}
button{
padding: 5px 5px 5px 5px !important;
}
.input-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
grid-gap: 0.5rem;
}
.input-description {
color: var(--font-color-2) !important;
font-style: italic;
}
input[type=checkbox].input { }
.input:not([type=text]):not([type=number]):not([type=url]) {
cursor: pointer;
}
textarea.input {
cursor: text !important;
resize: vertical;
box-sizing: border-box;
min-height: 10rem;
max-height: 20rem;
transition: height 0s;
} select,#frameSearchautocomplete-list div{
background: #3b6c90 !important;
}
option:disabled{
color: black;
}
::-moz-selection { background: #3b6c90
}
::selection {
background: #3b6c90
}
.frame-option ,.mask-option,.frame-element {
background: #bbe1fd !important;
}
.checkbox-container {
background: #3b6c90;
display: block;
position: relative;
padding-left: 2.25rem;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.checkbox-container input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.checkmark {
position: absolute;
top: 0;
left: 0.25rem;
height: 1.5rem;
width: 1.5rem;
border-radius: 0.25rem;
background-color: #efefef;
}
.checkbox-container input:checked ~ .checkmark {
background-color: var(--color-selected);
}
.checkmark:after {
content: "";
position: absolute;
display: none;
}
.checkbox-container input:checked ~ .checkmark:after {
display: block;
}
.checkbox-container .checkmark:after {
left: 0.5rem;
top: 0.25rem;
width: 0.25rem;
height: 0.75rem;
border: solid var(--color-primary);
border-width: 0 0.25rem 0.25rem 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
} .collapsible {
cursor: pointer;
user-select: none;
}
.collapsible:after {
content: '';
border: solid white;
border-width: 0 0.15em 0.15em 0;
display: inline-block;
padding: 0.15em;
transform: rotate(-135deg) translate(-0.2em, 0.2em);
-webkit-transform: rotate(-135deg) translate(-0.2em, 0.2em);
}
.collapsible.collapsed:after {
transform: rotate(45deg) translate(0, -0.3em);
-webkit-transform: rotate(45deg) translate(0, -0.3em);
}
.collapsed + div {
display: none;
} .video {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.video iframe, .video object, .video embed, .video video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .drop-area {
border: 0.125rem dashed gray;
transition: 0.25s;
}
.drop-area.hover {
border-color: var(--color-selected);
} .animated-scene {
perspective: 100rem;
}
.animated-card-1 {
animation: animatedcardone 3s ease-in-out 0s alternate infinite;
-moz-animation: animatedcardone 3s ease-in-out 0s alternate infinite;
-webkit-animation: animatedcardone 3s ease-in-out 0s alternate infinite;
-o-animation: animatedcardone 3s ease-in-out 0s alternate infinite;
transform-style: preserve-3d;
}
.animation-delay-2 {
animation-delay: 1s !important;
}
.animation-delay-4 {
animation-delay: 2s !important;
}
@keyframes animatedcardone {
0%   {transform: rotateY(15deg);}
100%   {transform: rotateY(-15deg);}
} .sample-grid {
display: grid;
grid-gap: 1rem;
grid-template-columns: 1fr;
}
.sample-grid > img {
display: block;
max-width: 375px;
width: 100%;
height: auto;
margin: 1rem auto;
}
@media only screen and (min-width: 750px) {
.sample-grid {
grid-template-columns: 375px auto;
}
.sample-grid.right {
grid-template-columns: auto 375px;
}
} .tutorial-grid {
display: grid;
grid-gap: 1rem;
grid-template-columns: 1fr;
}
.tutorial-grid > img {
display: block;
width: 100%;
height: auto;
margin: 1rem auto;
}
.readable-background > .tutorial-grid > img {
border: 0.1rem solid gray;
}
@media only screen and (min-width: 750px) {
.tutorial-grid {
grid-template-columns: 1fr 1fr;
}
}  .creator-grid {
width: 100%;
display: grid;
grid-template-columns: 1fr;
justify-items: center;
grid-gap: 1rem;
padding: 1rem 0;
}
.creator-canvas {
max-width: 750px;
width: 100vw;
height: auto; }
.creator-menu {
width: 100%;
}
@media only screen and (min-width: 1250px) {
.creator-grid {
grid-template-columns: 750px auto;
padding: 1rem;
justify-items: left;
}
.creator-menu {
width: calc(100% - 2rem);
}
.creator-canvas {
border-radius: 37.5px;
}
} .creator-menu-tabs {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
grid-gap: 0.5rem;
margin-bottom: 0.5rem;
} .readable-background{
background: #7faaca;
}
#action-div{
background: none;
display: flex;
justify-content: center;
gap: 10px;
}  #creator-menu-sections,#creator-menu-sections,#action-div,#creator-menu-frame,.readable-background{
border-radius: 15px;
}
.selectable {
border-radius: 15px;
color:white !important;
text-align: center;
user-select: none;
padding: 1rem;
margin-top: 0;
margin-bottom: 0;
padding-top: 0.9rem;
border-top: 0.1rem;
border-style: solid;
border-color: #0000;
transition: 0.5s;
cursor: pointer;
}
.selectable.selected {
padding-top: 0.5rem;
color: #e1f2ff !important;
border-top: 0.5rem;
border-style: solid;
border-color: var(--color-selected);
transition: 0.5s !important;
}
.selectable:hover {
border-color: var(--color-selected);
box-shadow: 0 0px 3px black;
transition: 0.05s;
}
#text-options h4{
background: #FF6B58 !important;
padding: 5px 5px 5px 5px;
}
#text-options h4:hover{
background: #FF6B58 !important;
} .draggable {
background: var(--input-background);
touch-action: none;
}
.dragging {
box-shadow: 0 0px 16px black;
background: var(--input-background-selected);
cursor: move;
}
.frame-list{
display: grid;
grid-template-columns: 1fr;
grid-gap: 0.25rem;
user-select: none;
} .autocomplete {
position: relative;
}
.autocomplete-items {
position: absolute;
border: 1px solid black;
border-bottom: none;
top: 100%;
left: 0;
right: 0;
z-index: 99;
max-height: 8rem;
height: auto;
overflow-y: scroll;
}
.autocomplete-items div {
border-bottom: 1px solid black !important;
z-index: 99;
}
.autocomplete-items div:hover {
background-color: var(--input-background-selected);
}
.autocomplete-active {
background-color: var(--color-highlight) !important;
color: black;
} .frame-picker, .mask-picker {
display: grid;
grid-gap: 0.5rem;
height: 20rem;
overflow-y: scroll;
overflow-x: hidden;
grid-auto-rows: 7.5rem;
}
.frame-picker {
grid-template-columns: repeat(auto-fit, minmax(6rem, 1fr));
justify-items: left;
align-items: left;
}
.mask-picker {
grid-template-columns: 1fr;
}
.frame-option, .mask-option {
cursor: pointer;
background: var(--input-background);
width: 100%;
height: 7.5rem;
padding: 0.25rem 0;
text-align: center;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
transition: 0.25s;
} .frame-option.selected {
background: var(--input-background-selected) !important;
}
.frame-option > img, .mask-option > img {
width: 100%;
height: 100%;
object-fit: contain;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
.mask-option {
display: grid;
grid-template-columns: 6rem auto;
text-align: left;
grid-gap: 0.5rem;
align-items: center;
height: 6rem;
}
.mask-option > img {
max-height: 6rem;
} .frame-element {
display: grid;
grid-template-columns: 4rem 4rem 1fr 4rem;
grid-gap: 0.5rem;
padding: 0.25rem;
align-items: center;
cursor: grab;
}
.frame-element > h4 {
overflow-x: scroll;
}
.frame-element > img {
width: 4rem;
height: 4rem;
object-fit: contain;
padding: none;
}
.frame-element:hover {
box-shadow: 0 0px 16px black;
transition: 0.05s;
}
.frame-element-close {
font-size: 2rem;
cursor: pointer;
text-align: center;
padding: 0.5rem 0;
}
.frame-element-editor, .textbox-editor {
background: #7faaca ;
display: none;
position: fixed;
max-width: calc(100vw - 6rem);
width: 64rem; max-height: calc(100vh - 6rem);
height: auto;
overflow-y: scroll;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
top: 50%;
left: 50%; border: 0.5rem solid #333;
border-radius: 1rem;
box-shadow: 0.2rem 0.2rem 3rem 0.2rem black;
z-index: 10;
padding: 2rem;
grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
grid-gap: 1rem;
}
.frame-element-editor.opened, .textbox-editor.opened {
display: block;
}
.frame-element-editor > .frame-element-editor-title, .textbox-editor > .textbox-editor-title {
grid-column: 1 / -2;
}
.frame-element-editor > .frame-element-editor-close, .textbox-editor > .textbox-editor-close {
cursor: pointer;
width: auto;
height: auto;
grid-column: -1 span 1;
user-select: none;
justify-self: right;
} .text-option {
background: var(--input-background);
}
.text-codes {
max-width: calc(100vw - 3rem);
display: grid;
grid-template-columns: auto auto;
overflow-x: scroll;
}
.text-codes > * {
border: 1px solid black;
padding: 0.5rem;
} .download {
color: white !important;
text-align: center;
user-select: none;
cursor: pointer;
}
.download:hover {
text-decoration: underline;
} .supporters {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
grid-gap: 0.5rem;
padding: 1rem 2rem;
}
.edit-bounds{
display:flex;justify-content: center;gap: 2px;
}
.bound-xy{
flex: 0 0 49%;
}
.bound-wh{
flex: 0 0 49%;
}
@media only screen and (max-width: 800px) {
.edit-bounds{
flex-direction: column;
width: 95%;
}
.bound-wh .col-2{
font-size: 12px;
}
}
@media only screen and (min-width: 1250px) and (max-width:1600px) {
.edit-bounds{
flex-direction: column;
width: 95%;
}
.bound-wh .col-2{
font-size: 12px;
}
}
.f-32 {
flex: 0 0 32%;
}
.f-80{
flex: 0 0 85%;
}
@media only screen and  (max-width:983px) {
.f-32 {
flex: 0 0 100%;
}
}
@media only screen and  (max-width:500px) {
#frame-element-editor{
max-width: 95%;
}
.pp-15{
padding: 15px !important;
}
.m-f-d{
flex-direction: column;
}
.m-f-100{
flex: 0 0 100%;
text-align-last: center;
}
.col-6-smm{
width: 50% !important;
}
}
@media only screen and  (min-width:1250px) and  (max-width:1660px) {
.m-f-d{
flex-direction: column;
}
.icon.watermark{
width:100px;
}
}
.activeIcon{
background: #eee;
position: relative;
margin-top: -4px;
margin-bottom: -5px;
}
.activeIcon .ss{
font-size: 32px !important;
}
.roww{
display: flex;
gap: 2%;
}
.coll-6{
flex: 0 0 49%;
}
@media only screen and  (max-width:500px) {
#aswift_1_host{
background-image: none !important;
background-repeat: no-repeat;
background-position-x: center;
background-size: contain;
}
#aswift_2_host,.pp-add{
background-image: none !important;
background-repeat: no-repeat;
background-position-x: center;
background-size: contain;
}
#restore-cache{
max-width: calc(100vw - 2rem);
}
#restore-cache button{
font-size: 12px !important;
}
.popup-container{
width: 90%;
}
.pp-img{
height: 100px !important;
}
#restore-cache .tooltip2[data-direction=left] .tooltip__item{
right: 5px;
}
.popup-container h4{
font-size: small;
}
.roww{
display: flex;
flex-direction: column;
gap: 2%;
}
.coll-6{
flex: 0 0 99%;
}
}
.w-45{
width: 45rem !important;
} .tooltipp { }
.tooltipp .tooltiptext {
visibility: hidden;
width: 400px;
background-color: black; opacity: 0.9;
font-size: 17px;
font-weight: 700;
text-align: center;
border-radius: 6px;
padding: 3px 4px;
top: 0; position: absolute;
z-index: 1;
}
@media only screen and  (max-width:500px) {
.tooltiptext{
width: 250px;
left: 0;
}
.tooltiptext:hover{
visibility: visible !important;
}
.tooltipp:active .tooltiptext {
visibility: visible;
}
.tooltiptext:active{
visibility: hidden !important;
}
body .selected2 .tooltiptext{
visibility: hidden !important;
}
}
@media only screen and  (min-width:500px) {
.tooltipp:hover .tooltiptext {
visibility: visible;
}
.tooltiptext:hover{
visibility: hidden !important;
}
}
#previewCanvas{
background-image: url(//mtgcardbuilder.com/img/transparentBG.png);
}
.tooltip2 {
position: relative;
}
.tooltip__item {
position: absolute;
min-width: 100px;
padding: 20px;
visibility: hidden;
opacity: 0;
background: white;
transition: all 0.25s cubic-bezier(0, 0, 0.2, 1);
color: #484848;
border: 1px solid #cecece;
border-radius: 3px;
font-weight: 500;
box-shadow: 0 2px 1px #bcbcbc;
z-index: 4;
}
.tooltip__item:after {
content: "";
display: block;
position: absolute;
width: 0;
height: 0;
border-style: solid;
}
.tooltip__initiator {
cursor: pointer;
z-index: 5;
}
.tooltip2[data-direction=left] .tooltip__initiator:hover ~ .tooltip__item {
transform: translate3d(0, -50%, 0);
visibility: visible;
opacity: 1;
}
.tooltip2[data-direction=left] .tooltip__item {
top: 50%;
right: calc(100% + 1em);
transform: translate3d(15px, -50%, 0);
}
.tooltip2[data-direction=left] .tooltip__item:after {
top: 50%;
right: -0.5em;
transform: translate3d(0, -50%, 0);
border-width: 0.5em 0 0.5em 0.5em;
border-color: transparent transparent transparent white;
-webkit-filter: drop-shadow(1px 2px 1px #bcbcbc);
filter: drop-shadow(1px 2px 1px #bcbcbc);
}
.tooltip2[data-direction=bottom] .tooltip__initiator:hover ~ .tooltip__item {
transform: translate3d(-50%, 0, 0);
visibility: visible;
opacity: 1;
}
.tooltip2[data-direction=bottom] .tooltip__item {
top: calc(100% + 1em);
left: 15%; transform: translate3d(-50%, -15px, 0);
}
.tooltip2[data-direction=bottom] .tooltip__item:after {
top: -0.5em;
left: 50%;
transform: translate3d(-50%, 0, 0);
border-width: 0 0.5em 0.5em 0.5em;
border-color: transparent transparent white transparent;
-webkit-filter: drop-shadow(1px 2px 1px #bcbcbc);
filter: drop-shadow(1px -1px 1px #bcbcbc);
}
#lightbox {
display: none;
justify-content: center;
position: fixed;
z-index: 9999;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.8);
}
.fa.fa-info-circle {
font-size: 38px;
color: #21606b;
}
.div-your-preset{
display: flex;
align-items: center;
justify-content: space-between;
gap: 3px;
flex-wrap: wrap;
}
.your-preset-select{
flex:0 0 30%;
}
.your-ai-select{
flex:0 0 50%;
}
.your-ai-label{
flex:0 0 24%
}
.your-ai-load{
flex:0 0 24%;
text-align: -webkit-center;
}
@media only screen and (min-width: 1250px) and (max-width: 1500px) {
.div-your-preset{
justify-content: center;
}
.your-preset-label,.your-preset-select,.your-preset-load{
flex:0 0 45%;
}
.upto{
text-align: center;
}
}
@media only screen and (max-width: 670px) {
.div-your-preset{
justify-content: center;
}
.your-preset-label,.your-preset-select{
flex:0 0 45%;
}
.upto{
text-align: center;
}
.elementor-column-gap-default>.elementor-column>.elementor-element-populated{
padding: 0 !important;
}
}
@media only screen and (max-width: 512px) {
.creator-menu-tabs {
grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
}
.imPre{
font-size: 20px;
}
}
h5.input-description {
color: #12509d !important;
font-size: 28px;
text-transform: uppercase;
}
.ai_gallery{
display: flex;
justify-content: flex-start;
gap: 1%;
flex-wrap: wrap;
}
.ai_gal_div{
flex:0 0 19%;
margin-top: 5px;
}
@media only screen and (min-width: 1250px) and (max-width: 1500px) {
.ai_gal_div{
flex:0 0 32%;
}
}
@media only screen and (max-width: 767px) {
.ai_gal_div{
flex:0 0 24%;
}
}
@media only screen and (max-width: 512px) {
.ai_gal_div{
flex:0 0 32%;
}
}
#pages-ai .current{
color:black !important;
}
.dailyLimitDiv{
display: flex; flex-direction: column;font-size: 20px;gap: 5px;
}
.dailyFreeDiv{
text-align:right;    line-height: 1;justify-content: space-between;
}
.dailyPreDiv{
text-align:right;    line-height: 1;display: flex;
}
.dailyPreSpan{
text-align:right;    line-height: 1;justify-content: space-between;
}
.aiTabH{
display:flex;justify-content: space-between;
}
.aiTabTxt{
line-height: 1;
font-size:20px;
min-inline-size: fit-content;
flex: 0 0 33%;
}
@media only screen and (min-width: 1250px) and (max-width: 1500px) {
.aiTabTxt{
flex: 0 0 35%;
min-inline-size: inherit;
}
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 512px) {
.aiTabTxt{
flex: 0 0 35%;
min-inline-size: inherit;
}
}
.framesCustom{
width: calc(100vw - 850px);visibility: hidden;max-width: 100%;
text-align: -webkit-center;
}
@media only screen and (max-width: 580px) {
.framesCustom{
margin: 30px;
}
.slick-pages{
right: 124px !important;
}
.slick-prev {
right: 170px !important;
}
.slick-next {
right: 78px !important;
}
}
@media only screen and (min-width: 1250px) and (max-width: 1500px) {
.framesCustom{
margin: 30px;
}
}
@media only screen and (max-width:1249px){
.framesCustom{
width: calc(100vw - 80px);
}
}
#creator-menu-import h5.input-description{
font-size: 20px;
}
.tooltip-box {
position: relative;
display: inline-block;
border-bottom: 1px dotted black;
cursor: pointer;
}
.tooltip-box .tooltiptext-tool{
visibility: hidden;
width: 120px;
background-color: #555;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: fixed;
z-index: 1;
opacity: 0;
transition: opacity 0.4s;
}
.tooltip-box:hover .tooltiptext-tool{
visibility: visible;
opacity: 1;
} 
.tmpTooltip .tooltiptext-tool{
visibility: hidden;
}
.tmpTooltip:hover .tooltiptext-tool{
visibility: visible;
opacity: 1;
} 
#selectFrameGroup option:disabled,#selectFramePack option:disabled{
font-weight: 800;
}body.wc-block-product-gallery-modal-open,body.wc-modal--open{overflow:hidden}.wc-block-grid__products .wc-block-grid__product-image{display:block;position:relative;text-decoration:none}.wc-block-grid__products .wc-block-grid__product-image a{border:0;box-shadow:none;outline:0;text-decoration:none}.wc-block-grid__products .wc-block-grid__product-image img{height:auto;max-width:100%;width:100%}.wc-block-grid__products .wc-block-grid__product-image img[hidden]{display:none}.wc-block-grid__products .wc-block-grid__product-image img[alt=""]{border:1px solid #f2f2f2}.edit-post-visual-editor .editor-block-list__block .wc-block-grid__product-title,.editor-styles-wrapper .wc-block-grid__product-title,.wc-block-grid__product-title{color:inherit;display:block;font-family:inherit;font-size:inherit;font-weight:700;line-height:1.2;padding:0}.wc-block-grid__product-price{display:block}.wc-block-grid__product-price .wc-block-grid__product-price__regular{margin-right:.5em}.wc-block-grid__product-add-to-cart.wp-block-button{white-space:normal;word-break:break-word}.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link{display:inline-flex;font-size:1em;justify-content:center;text-align:center;white-space:normal;word-break:break-word}.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link.loading{opacity:.25}.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link.added:after{content:"";display:inline-block;font-family:WooCommerce;height:auto;margin-left:.5em;width:auto}.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link.loading:after{animation:spin 2s linear infinite;content:"";display:inline-block;font-family:WooCommerce;height:auto;margin-left:.5em;width:auto}.has-5-columns:not(.alignfull) .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-6-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-7-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-8-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-9-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after{content:"";margin:0}.wc-block-grid__product-rating,.wp-block-woocommerce-product-review-rating{display:block}.wc-block-grid__product-rating .star-rating,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars,.wc-block-grid__product-rating .wc-block-product-review-rating__stars,.wp-block-woocommerce-product-review-rating .star-rating,.wp-block-woocommerce-product-review-rating .wc-block-grid__product-rating__stars,.wp-block-woocommerce-product-review-rating .wc-block-product-review-rating__stars{font-family:WooCommerce;font-size:1em;font-weight:400;height:1.618em;line-height:1.618;margin:0 auto;overflow:hidden;position:relative;text-align:left;width:5.3em}.wc-block-grid__product-rating .star-rating:before,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars:before,.wc-block-grid__product-rating .wc-block-product-review-rating__stars:before,.wp-block-woocommerce-product-review-rating .star-rating:before,.wp-block-woocommerce-product-review-rating .wc-block-grid__product-rating__stars:before,.wp-block-woocommerce-product-review-rating .wc-block-product-review-rating__stars:before{content:"SSSSS";left:0;opacity:.5;position:absolute;right:0;top:0;white-space:nowrap}.wc-block-grid__product-rating .star-rating span,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars span,.wc-block-grid__product-rating .wc-block-product-review-rating__stars span,.wp-block-woocommerce-product-review-rating .star-rating span,.wp-block-woocommerce-product-review-rating .wc-block-grid__product-rating__stars span,.wp-block-woocommerce-product-review-rating .wc-block-product-review-rating__stars span{left:0;overflow:hidden;padding-top:1.5em;position:absolute;right:0;top:0}.wc-block-grid__product-rating .star-rating span:before,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars span:before,.wc-block-grid__product-rating .wc-block-product-review-rating__stars span:before,.wp-block-woocommerce-product-review-rating .star-rating span:before,.wp-block-woocommerce-product-review-rating .wc-block-grid__product-rating__stars span:before,.wp-block-woocommerce-product-review-rating .wc-block-product-review-rating__stars span:before{color:inherit;content:"SSSSS";left:0;position:absolute;right:0;top:0;white-space:nowrap}.wc-block-grid .wc-block-grid__product-onsale,.wc-block-grid__product-image .wc-block-grid__product-onsale{background:#fff;border:1px solid #43454b;border-radius:4px;color:#43454b;display:inline-block;font-size:.875em;font-weight:600;left:auto;padding:.25em .75em;position:absolute;right:4px;text-align:center;text-transform:uppercase;top:4px;width:auto;z-index:9}.wc-block-grid__product .wc-block-grid__product-image,.wc-block-grid__product .wc-block-grid__product-link{display:inline-block;position:relative}.wc-block-grid__product .wc-block-grid__product-image:not(.wc-block-components-product-image),.wc-block-grid__product .wc-block-grid__product-title{margin:0 0 12px}.wc-block-grid__product .wc-block-grid__product-add-to-cart,.wc-block-grid__product .wc-block-grid__product-onsale,.wc-block-grid__product .wc-block-grid__product-price,.wc-block-grid__product .wc-block-grid__product-rating{margin:0 auto 12px}.theme-twentysixteen .wc-block-grid .price ins{color:#77a464}.theme-twentynineteen .wc-block-grid__product{font-size:.88889em}.theme-twentynineteen .wc-block-components-product-sale-badge,.theme-twentynineteen .wc-block-components-product-title,.theme-twentynineteen .wc-block-grid__product-onsale,.theme-twentynineteen .wc-block-grid__product-title{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.theme-twentynineteen .wc-block-grid__product-title:before{display:none}.theme-twentynineteen .wc-block-components-product-sale-badge,.theme-twentynineteen .wc-block-grid__product-onsale{line-height:1}.theme-twentynineteen .editor-styles-wrapper .wp-block-button .wp-block-button__link:not(.has-text-color){color:#fff}.theme-twentytwenty .wc-block-grid__product-link{color:#000}.theme-twentytwenty .wc-block-components-product-title,.theme-twentytwenty .wc-block-grid__product-title{color:#cd2653;font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif;font-size:1em}.theme-twentytwenty .wp-block-columns .wc-block-components-product-title{margin-top:0}.theme-twentytwenty .wc-block-components-product-price .woocommerce-Price-amount,.theme-twentytwenty .wc-block-components-product-price__value,.theme-twentytwenty .wc-block-grid__product-price .woocommerce-Price-amount,.theme-twentytwenty .wc-block-grid__product-price__value{font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif;font-size:.9em}.theme-twentytwenty .wc-block-components-product-price del,.theme-twentytwenty .wc-block-grid__product-price del{opacity:.5}.theme-twentytwenty .wc-block-components-product-price ins,.theme-twentytwenty .wc-block-grid__product-price ins{text-decoration:none}.theme-twentytwenty .star-rating,.theme-twentytwenty .wc-block-grid__product-rating{font-size:.7em}.theme-twentytwenty .star-rating .wc-block-components-product-rating__stars,.theme-twentytwenty .star-rating .wc-block-grid__product-rating__stars,.theme-twentytwenty .wc-block-grid__product-rating .wc-block-components-product-rating__stars,.theme-twentytwenty .wc-block-grid__product-rating .wc-block-grid__product-rating__stars{line-height:1}.theme-twentytwenty .wc-block-components-product-button>.wp-block-button__link,.theme-twentytwenty .wc-block-grid__product-add-to-cart>.wp-block-button__link{font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif}.theme-twentytwenty .wc-block-components-product-sale-badge,.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale{background:#cd2653;color:#fff;font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif;font-weight:700;letter-spacing:-.02em;line-height:1.2;text-transform:uppercase}.theme-twentytwenty .wc-block-grid__products .wc-block-components-product-sale-badge{position:static}.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-image .wc-block-components-product-sale-badge{position:absolute}.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale:not(.wc-block-components-product-sale-badge){position:absolute;right:4px;top:4px;z-index:1}.theme-twentytwenty .wc-block-active-filters__title,.theme-twentytwenty .wc-block-attribute-filter__title,.theme-twentytwenty .wc-block-price-filter__title,.theme-twentytwenty .wc-block-stock-filter__title{font-size:1em}.theme-twentytwenty .wc-block-active-filters .wc-block-active-filters__clear-all,.theme-twentytwenty .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link{font-size:.75em}@media only screen and (min-width:768px){.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale{font-size:.875em;padding:.5em}}@media only screen and (min-width:1168px){.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale{font-size:.875em;padding:.5em}}.theme-twentytwentytwo .wc-block-grid__product-add-to-cart .added_to_cart{display:block;margin-top:12px}.theme-twentytwentytwo .wc-block-components-product-price ins,.theme-twentytwentytwo .wc-block-grid__product-price ins{text-decoration:none}.screen-reader-text{clip:rect(1px,1px,1px,1px);word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;overflow-wrap:normal!important;padding:0;position:absolute!important;width:1px}.screen-reader-text:focus{clip:auto!important;background-color:#fff;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip-path:none;color:#2b2d2f;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.wp-block-group.woocommerce.product .up-sells.upsells.products{max-width:var(--wp--style--global--wide-size)}
.wc-block-components-notice-banner{align-content:flex-start;align-items:stretch;background-color:#fff;border:1px solid;border-radius:4px;box-sizing:border-box;color:#2f2f2f;display:flex;font-size:.875em;font-weight:400;gap:12px;line-height:1.5;margin:16px 0;padding:16px!important}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content{align-self:center;flex-basis:100%;padding-right:16px;white-space:normal}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content:last-child{padding-right:0}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-block-components-notice-banner__summary{font-weight:600;margin:0 0 8px}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ol,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ul{margin:0 0 0 24px;padding:0}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ol li:after,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ul li:after{clear:both;content:"";display:block}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward{appearance:none;background:transparent!important;border:0;color:#2f2f2f!important;float:right;margin:0;opacity:.7;padding:0!important;text-decoration-line:underline;text-underline-position:under;transition:all .2s ease-in-out}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:active,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:focus,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:hover{opacity:1;text-decoration:none}.wc-block-components-notice-banner>svg{fill:#fff;background-color:#2f2f2f;border-radius:50%;flex-grow:0;flex-shrink:0;height:100%;padding:2px}.wc-block-components-notice-banner>.wc-block-components-button{background:transparent none!important;border:0!important;box-shadow:none!important;color:#2f2f2f!important;flex:0 0 16px;height:16px!important;margin:6px 0 0 auto!important;min-height:auto!important;min-width:0!important;opacity:.6;outline:none!important;padding:0!important;width:16px!important}.wc-block-components-notice-banner>.wc-block-components-button>svg{margin:0!important}.wc-block-components-notice-banner>.wc-block-components-button:active,.wc-block-components-notice-banner>.wc-block-components-button:focus,.wc-block-components-notice-banner>.wc-block-components-button:hover{opacity:1}.wc-block-components-notice-banner>.wc-block-components-button:focus{outline:2px solid currentColor!important;outline-offset:0}.wc-block-components-notice-banner.is-error{background-color:#fff0f0;border-color:#cc1818}.wc-block-components-notice-banner.is-error>svg{background-color:#cc1818;transform:rotate(180deg)}.wc-block-components-notice-banner.is-warning{background-color:#fffbf4;border-color:#f0b849}.wc-block-components-notice-banner.is-warning>svg{background-color:#f0b849;transform:rotate(180deg)}.wc-block-components-notice-banner.is-success{background-color:#f4fff7;border-color:#4ab866}.wc-block-components-notice-banner.is-success>svg{background-color:#4ab866}.wc-block-components-notice-banner.is-info{background-color:#f4f8ff;border-color:#007cba}.wc-block-components-notice-banner.is-info>svg{background-color:#007cba}.wc-block-components-notice-banner:focus{outline-width:0}.wc-block-components-notice-banner:focus-visible{outline-style:solid;outline-width:2px}.woocommerce.wc-block-store-notices.alignwide{max-width:var(--wp--style--global--wide-size)}