roll20-character-sheets/APOCALYPSE FRAME/apocalypse-frame.css

@import"https://fonts.googleapis.com/css2?family=Abel&family=Audiowide&display=swap";#af-sheet{/*! bulma.io v0.9.4 | MIT License | github.com/jgthms/bulma *//*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */@import"https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&display=swap"}#af-sheet .select select,#af-sheet .textarea,#af-sheet .input,#af-sheet .button{-moz-appearance:none;-webkit-appearance:none;align-items:center;border:1px solid rgba(0,0,0,0);border-radius:4px;box-shadow:none;display:inline-flex;font-size:1rem;height:2.5em;justify-content:flex-start;line-height:1.5;padding-bottom:calc(.5em - 1px);padding-left:calc(.75em - 1px);padding-right:calc(.75em - 1px);padding-top:calc(.5em - 1px);position:relative;vertical-align:top}#af-sheet .select select:focus,#af-sheet .textarea:focus,#af-sheet .input:focus,#af-sheet .button:focus,#af-sheet .select select:active,#af-sheet .textarea:active,#af-sheet .input:active,#af-sheet .button:active{outline:none}#af-sheet .tabs,#af-sheet .button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#af-sheet .select:not(.is-multiple):not(.is-loading)::after{border:3px solid rgba(0,0,0,0);border-radius:2px;border-right:0;border-top:0;content:" ";display:block;height:.625em;margin-top:-0.4375em;pointer-events:none;position:absolute;top:50%;transform:rotate(-45deg);transform-origin:center;width:.625em}#af-sheet .tabs:not(:last-child),#af-sheet .level:not(:last-child),#af-sheet .block:not(:last-child),#af-sheet .title:not(:last-child),#af-sheet .content:not(:last-child){margin-bottom:1.5rem}#af-sheet .delete{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-moz-appearance:none;-webkit-appearance:none;background-color:rgba(10,10,10,.2);border:none;border-radius:9999px;cursor:pointer;pointer-events:auto;display:inline-block;flex-grow:0;flex-shrink:0;font-size:0;height:20px;max-height:20px;max-width:20px;min-height:20px;min-width:20px;outline:none;position:relative;vertical-align:top;width:20px}#af-sheet .delete::before,#af-sheet .delete::after{background-color:#fff;content:"";display:block;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%) rotate(45deg);transform-origin:center center}#af-sheet .delete::before{height:2px;width:50%}#af-sheet .delete::after{height:50%;width:2px}#af-sheet .delete:hover,#af-sheet .delete:focus{background-color:rgba(10,10,10,.3)}#af-sheet .delete:active{background-color:rgba(10,10,10,.4)}#af-sheet .is-large.delete{height:32px;max-height:32px;max-width:32px;min-height:32px;min-width:32px;width:32px}#af-sheet p,#af-sheet ol,#af-sheet ul,#af-sheet li,#af-sheet textarea,#af-sheet h1,#af-sheet h2,#af-sheet h3{margin:0;padding:0}#af-sheet h1,#af-sheet h2,#af-sheet h3{font-size:100%;font-weight:normal}#af-sheet ul{list-style:none}#af-sheet button,#af-sheet input,#af-sheet select,#af-sheet textarea{margin:0}#af-sheet *,#af-sheet *::before,#af-sheet *::after{box-sizing:inherit}#af-sheet section{display:block}#af-sheet button,#af-sheet input,#af-sheet select,#af-sheet textarea{font-family:"Abel",BlinkMacSystemFont,-apple-system,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","Helvetica","Arial",sans-serif}#af-sheet a{color:#485fc7;cursor:pointer;text-decoration:none}#af-sheet a strong{color:currentColor}#af-sheet a:hover{color:#363636}#af-sheet input[type=checkbox]{vertical-align:baseline}#af-sheet span{font-style:inherit;font-weight:inherit}#af-sheet strong{color:#363636;font-weight:700}@keyframes spinAround{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}#af-sheet .button{background-color:#fff;border-color:#dbdbdb;border-width:1px;color:#363636;cursor:pointer;justify-content:center;padding-bottom:calc(.5em - 1px);padding-left:1em;padding-right:1em;padding-top:calc(.5em - 1px);text-align:center;white-space:nowrap}#af-sheet .button strong{color:inherit}#af-sheet .button:hover{border-color:#b5b5b5;color:#363636}#af-sheet .button:focus{border-color:#485fc7;color:#363636}#af-sheet .button:focus:not(:active){box-shadow:0 0 0 .125em rgba(72,95,199,.25)}#af-sheet .button:active{border-color:#4a4a4a;color:#363636}#af-sheet .button.is-large{font-size:1.5rem}#af-sheet .container{flex-grow:1;margin:0 auto;position:relative;width:auto}@media screen and (min-width: 1024px){#af-sheet .container{max-width:960px}}@media screen and (min-width: 1216px){#af-sheet .container:not(.is-max-desktop){max-width:1152px}}@media screen and (min-width: 1408px){#af-sheet .container:not(.is-max-desktop):not(.is-max-widescreen){max-width:1344px}}#af-sheet .content li+li{margin-top:.25em}#af-sheet .content p:not(:last-child),#af-sheet .content ol:not(:last-child),#af-sheet .content ul:not(:last-child){margin-bottom:1em}#af-sheet .content h1,#af-sheet .content h2,#af-sheet .content h3{color:#363636;font-weight:600;line-height:1.125}#af-sheet .content h1{font-size:2em;margin-bottom:.5em}#af-sheet .content h1:not(:first-child){margin-top:1em}#af-sheet .content h2{font-size:1.75em;margin-bottom:.5714em}#af-sheet .content h2:not(:first-child){margin-top:1.1428em}#af-sheet .content h3{font-size:1.5em;margin-bottom:.6666em}#af-sheet .content h3:not(:first-child){margin-top:1.3333em}#af-sheet .content ol{list-style-position:outside;margin-left:2em;margin-top:1em}#af-sheet .content ol:not([type]){list-style-type:decimal}#af-sheet .content ul{list-style:disc outside;margin-left:2em;margin-top:1em}#af-sheet .content ul ul{list-style-type:circle;margin-top:.5em}#af-sheet .content ul ul ul{list-style-type:square}#af-sheet .content .tabs li+li{margin-top:0}#af-sheet .content.is-large{font-size:1.5rem}@keyframes moveIndeterminate{from{background-position:200% 0}to{background-position:-200% 0}}#af-sheet .tags{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-start}#af-sheet .tags:last-child{margin-bottom:-0.5rem}#af-sheet .tags:not(:last-child){margin-bottom:1rem}#af-sheet .title{word-break:break-word}#af-sheet .title span{font-weight:inherit}#af-sheet .title{color:#363636;font-size:2rem;font-weight:600;line-height:1.125}#af-sheet .title strong{color:inherit;font-weight:inherit}#af-sheet .title.is-1{font-size:3rem}#af-sheet .number{align-items:center;background-color:#f5f5f5;border-radius:9999px;display:inline-flex;font-size:1.25rem;height:2em;justify-content:center;margin-right:1.5rem;min-width:2.5em;padding:.25rem .5rem;text-align:center;vertical-align:top}#af-sheet .select select,#af-sheet .textarea,#af-sheet .input{background-color:#fff;border-color:#dbdbdb;border-radius:4px;color:#363636}#af-sheet .select select::-moz-placeholder,#af-sheet .textarea::-moz-placeholder,#af-sheet .input::-moz-placeholder{color:rgba(54,54,54,.3)}#af-sheet .select select::-webkit-input-placeholder,#af-sheet .textarea::-webkit-input-placeholder,#af-sheet .input::-webkit-input-placeholder{color:rgba(54,54,54,.3)}#af-sheet .select select:-moz-placeholder,#af-sheet .textarea:-moz-placeholder,#af-sheet .input:-moz-placeholder{color:rgba(54,54,54,.3)}#af-sheet .select select:-ms-input-placeholder,#af-sheet .textarea:-ms-input-placeholder,#af-sheet .input:-ms-input-placeholder{color:rgba(54,54,54,.3)}#af-sheet .select select:hover,#af-sheet .textarea:hover,#af-sheet .input:hover{border-color:#b5b5b5}#af-sheet .select select:focus,#af-sheet .textarea:focus,#af-sheet .input:focus,#af-sheet .select select:active,#af-sheet .textarea:active,#af-sheet .input:active{border-color:#485fc7;box-shadow:0 0 0 .125em rgba(72,95,199,.25)}#af-sheet .textarea,#af-sheet .input{box-shadow:inset 0 .0625em .125em rgba(10,10,10,.05);max-width:100%;width:100%}#af-sheet .is-large.textarea,#af-sheet .is-large.input{font-size:1.5rem}#af-sheet .textarea{display:block;max-width:100%;min-width:100%;padding:calc(.75em - 1px);resize:vertical}#af-sheet .textarea:not([rows]){max-height:40em;min-height:8em}#af-sheet .checkbox{cursor:pointer;display:inline-block;line-height:1.25;position:relative}#af-sheet .checkbox input{cursor:pointer}#af-sheet .checkbox:hover{color:#363636}#af-sheet .select{display:inline-block;max-width:100%;position:relative;vertical-align:top}#af-sheet .select:not(.is-multiple){height:2.5em}#af-sheet .select:not(.is-multiple):not(.is-loading)::after{border-color:#485fc7;right:1.125em;z-index:4}#af-sheet .select select{cursor:pointer;display:block;font-size:1em;max-width:100%;outline:none}#af-sheet .select select::-ms-expand{display:none}#af-sheet .select select:not([multiple]){padding-right:2.5em}#af-sheet .select:not(.is-multiple):not(.is-loading):hover::after{border-color:#363636}#af-sheet .select.is-large{font-size:1.5rem}#af-sheet .label{color:#363636;display:block;font-size:1rem;font-weight:700}#af-sheet .label:not(:last-child){margin-bottom:.5em}#af-sheet .label.is-large{font-size:1.5rem}#af-sheet .field:not(:last-child){margin-bottom:.75rem}#af-sheet .field.has-addons{display:flex;justify-content:flex-start}#af-sheet .field.has-addons .control:not(:last-child){margin-right:-1px}#af-sheet .field.has-addons .control:not(:first-child):not(:last-child) .button,#af-sheet .field.has-addons .control:not(:first-child):not(:last-child) .input,#af-sheet .field.has-addons .control:not(:first-child):not(:last-child) .select select{border-radius:0}#af-sheet .field.has-addons .control:first-child:not(:only-child) .button,#af-sheet .field.has-addons .control:first-child:not(:only-child) .input,#af-sheet .field.has-addons .control:first-child:not(:only-child) .select select{border-bottom-right-radius:0;border-top-right-radius:0}#af-sheet .field.has-addons .control:last-child:not(:only-child) .button,#af-sheet .field.has-addons .control:last-child:not(:only-child) .input,#af-sheet .field.has-addons .control:last-child:not(:only-child) .select select{border-bottom-left-radius:0;border-top-left-radius:0}#af-sheet .field.has-addons .control .button:not([disabled]):hover,#af-sheet .field.has-addons .control .input:not([disabled]):hover,#af-sheet .field.has-addons .control .select select:not([disabled]):hover{z-index:2}#af-sheet .field.has-addons .control .button:not([disabled]):focus,#af-sheet .field.has-addons .control .button:not([disabled]):active,#af-sheet .field.has-addons .control .input:not([disabled]):focus,#af-sheet .field.has-addons .control .input:not([disabled]):active,#af-sheet .field.has-addons .control .select select:not([disabled]):focus,#af-sheet .field.has-addons .control .select select:not([disabled]):active{z-index:3}#af-sheet .field.has-addons .control .button:not([disabled]):focus:hover,#af-sheet .field.has-addons .control .button:not([disabled]):active:hover,#af-sheet .field.has-addons .control .input:not([disabled]):focus:hover,#af-sheet .field.has-addons .control .input:not([disabled]):active:hover,#af-sheet .field.has-addons .control .select select:not([disabled]):focus:hover,#af-sheet .field.has-addons .control .select select:not([disabled]):active:hover{z-index:4}@media screen and (min-width: 769px),print{#af-sheet .field.is-horizontal{display:flex}}#af-sheet .field-label .label{font-size:inherit}@media screen and (max-width: 768px){#af-sheet .field-label{margin-bottom:.5rem}}@media screen and (min-width: 769px),print{#af-sheet .field-label{flex-basis:0;flex-grow:1;flex-shrink:0;margin-right:1.5rem;text-align:right}#af-sheet .field-label.is-large{font-size:1.5rem;padding-top:.375em}}#af-sheet .field-body .field .field{margin-bottom:0}@media screen and (min-width: 769px),print{#af-sheet .field-body{display:flex;flex-basis:0;flex-grow:5;flex-shrink:1}#af-sheet .field-body .field{margin-bottom:0}#af-sheet .field-body>.field{flex-shrink:1}#af-sheet .field-body>.field:not(.is-narrow){flex-grow:1}#af-sheet .field-body>.field:not(:last-child){margin-right:.75rem}}#af-sheet .control{box-sizing:border-box;clear:both;font-size:1rem;position:relative;text-align:inherit}#af-sheet .level{align-items:center;justify-content:space-between}@media screen and (min-width: 769px),print{#af-sheet .level{display:flex}}#af-sheet .tabs{-webkit-overflow-scrolling:touch;align-items:stretch;display:flex;font-size:1rem;justify-content:space-between;overflow:hidden;overflow-x:auto;white-space:nowrap}#af-sheet .tabs a{align-items:center;border-bottom-color:#dbdbdb;border-bottom-style:solid;border-bottom-width:1px;color:#4a4a4a;display:flex;justify-content:center;margin-bottom:-1px;padding:.5em 1em;vertical-align:top}#af-sheet .tabs a:hover{border-bottom-color:#363636;color:#363636}#af-sheet .tabs li{display:block}#af-sheet .tabs ul{align-items:center;border-bottom-color:#dbdbdb;border-bottom-style:solid;border-bottom-width:1px;display:flex;flex-grow:1;flex-shrink:0;justify-content:flex-start}#af-sheet .tabs.is-large{font-size:1.5rem}#af-sheet .column{display:block;flex-basis:0;flex-grow:1;flex-shrink:1;padding:.75rem}@media screen and (min-width: 769px),print{#af-sheet .column.is-narrow{flex:none;width:unset}#af-sheet .column.is-half{flex:none;width:50%}#af-sheet .column.is-one-third{flex:none;width:33.3333%}#af-sheet .column.is-1{flex:none;width:8.33333337%}}#af-sheet .columns{margin-left:-0.75rem;margin-right:-0.75rem;margin-top:-0.75rem}#af-sheet .columns:last-child{margin-bottom:-0.75rem}#af-sheet .columns:not(:last-child){margin-bottom:calc(1.5rem - 0.75rem)}#af-sheet .columns.is-vcentered{align-items:center}@media screen and (min-width: 769px),print{#af-sheet .columns:not(.is-desktop){display:flex}}#af-sheet .columns.is-variable{--columnGap: 0.75rem;margin-left:calc(-1*var(--columnGap));margin-right:calc(-1*var(--columnGap))}#af-sheet .columns.is-variable>.column{padding-left:var(--columnGap);padding-right:var(--columnGap)}#af-sheet .columns.is-variable.is-1{--columnGap: 0.25rem}#af-sheet .is-pulled-right{float:right !important}#af-sheet .m-2{margin:.5rem !important}#af-sheet .has-text-centered{text-align:center !important}#af-sheet .section{padding:3rem 1.5rem}@media screen and (min-width: 1024px){#af-sheet .section{padding:3rem 3rem}#af-sheet .section.is-large{padding:18rem 6rem}}#af-sheet .emoji{font-family:"Noto Color Emoji",sans-serif}#af-sheet #roll20reset select,#af-sheet #roll20reset textarea,#af-sheet #roll20reset input[type=text],#af-sheet #roll20reset input[type=number],#af-sheet #roll20reset label,#af-sheet #roll20reset button{all:initial}#af-sheet #roll20reset button{cursor:pointer}#af-sheet .tabs-trigger:not([value=tab1])~.sheet-tab1{display:none}#af-sheet .tabs-trigger[value=tab1]~.tabs-buttons button[data-tab=tab1]{background-color:#00d1b2;border-color:rgba(0,0,0,0);color:#fff}#af-sheet .tabs-trigger:not([value=tab2])~.sheet-tab2{display:none}#af-sheet .tabs-trigger[value=tab2]~.tabs-buttons button[data-tab=tab2]{background-color:#00d1b2;border-color:rgba(0,0,0,0);color:#fff}#af-sheet .tooltip:hover::after{content:attr(data-tooltip);position:absolute;top:.1em;left:4em;z-index:1;color:#fff;font-size:12px;background-color:#192733;border-radius:10px;padding:10px 15px 10px 15px}#af-sheet input.taglist-trigger:not([value~=Close])~.tag-help-Close{display:none}#af-sheet input.taglist-trigger:not([value~=Near])~.tag-help-Near{display:none}#af-sheet input.taglist-trigger:not([value~=Far])~.tag-help-Far{display:none}#af-sheet input.taglist-trigger:not([value~=Extreme])~.tag-help-Extreme{display:none}#af-sheet input.taglist-trigger:not([value~=Efficient])~.tag-help-Efficient{display:none}#af-sheet input.taglist-trigger:not([value~=Holdout])~.tag-help-Holdout{display:none}#af-sheet input.taglist-trigger:not([value~=Limited])~.tag-help-Limited{display:none}#af-sheet input.taglist-trigger:not([value~=Distracting])~.tag-help-Distracting{display:none}#af-sheet input.taglist-trigger:not([value~=Energy])~.tag-help-Energy{display:none}#af-sheet input.taglist-trigger:not([value~=Flashy])~.tag-help-Flashy{display:none}#af-sheet input.taglist-trigger:not([value~=Piercing])~.tag-help-Piercing{display:none}#af-sheet input.taglist-trigger:not([value~=Suppressive])~.tag-help-Suppressive{display:none}#af-sheet input.taglist-trigger:not([value~=Superhot])~.tag-help-Superhot{display:none}#af-sheet input.taglist-trigger:not([value~=Encouraging])~.tag-help-Encouraging{display:none}#af-sheet input.taglist-trigger:not([value~=Enveloping])~.tag-help-Enveloping{display:none}#af-sheet input.taglist-trigger:not([value~=Motivating])~.tag-help-Motivating{display:none}#af-sheet input.taglist-trigger:not([value~=Obfuscating])~.tag-help-Obfuscating{display:none}#af-sheet input.taglist-trigger:not([value~=Projecting])~.tag-help-Projecting{display:none}#af-sheet input.taglist-trigger:not([value~=Protective])~.tag-help-Protective{display:none}#af-sheet input.taglist-trigger:not([value~=Burst])~.tag-help-Burst{display:none}#af-sheet input.taglist-trigger:not([value~=Charge])~.tag-help-Charge{display:none}#af-sheet input.taglist-trigger:not([value~=Critical])~.tag-help-Critical{display:none}#af-sheet input.taglist-trigger:not([value~=Focused])~.tag-help-Focused{display:none}#af-sheet input.taglist-trigger:not([value~=Hot])~.tag-help-Hot{display:none}#af-sheet input.taglist-trigger:not([value~=Impulsive])~.tag-help-Impulsive{display:none}#af-sheet input.taglist-trigger:not([value~=Incendiary])~.tag-help-Incendiary{display:none}#af-sheet input.taglist-trigger:not([value~=Invigorating])~.tag-help-Invigorating{display:none}#af-sheet input.taglist-trigger:not([value~=Mobile])~.tag-help-Mobile{display:none}#af-sheet input.taglist-trigger:not([value~=Polished])~.tag-help-Polished{display:none}#af-sheet input.taglist-trigger:not([value~=Scoped])~.tag-help-Scoped{display:none}#af-sheet input.taglist-trigger:not([value~=Sighted])~.tag-help-Sighted{display:none}#af-sheet input.taglist-trigger:not([value~=SpinUp])~.tag-help-SpinUp{display:none}#af-sheet input.taglist-trigger:not([value~=Splash])~.tag-help-Splash{display:none}#af-sheet input.taglist-trigger:not([value~=Stationary])~.tag-help-Stationary{display:none}#af-sheet .container{background-color:#fff}#af-sheet button[type=roll]::before{content:inherit}#af-sheet input::-webkit-outer-spin-button,#af-sheet input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#af-sheet input[type=number]{width:4rem;text-align:center;-moz-appearance:textfield}#af-sheet .title{font-weight:normal}#af-sheet h1,#af-sheet h2,#af-sheet h3{font-family:"Audiowide",BlinkMacSystemFont,-apple-system,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","Helvetica","Arial",sans-serif}#af-sheet h2,#af-sheet h3{font-size:1.5rem}#af-sheet .sys-arm-subtitle{margin-bottom:12px}#af-sheet h1.section-title{border:solid #000;padding:1rem;clip-path:polygon(0% 0%, 90% 0%, 100% 100%, 0% 100%);color:#fff;background-color:#000}#af-sheet h1.section-title.main-header-font{clip-path:polygon(0% 0%, 94% 0%, 100% 100%, 0% 100%)}