/**/    @font-face {
    font-family: 'Liif-base';
    src: url(data:application/font-woff;charset=utf-8;base64,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) format('woff');
}
    :root{
        --small-width:7vw;
        --small-height:9.4764150943396vw;
        --small-pheight:11.087405660377vw;
        --medium-width:12vw;
        --medium-height:16.245283018868vw;
        --medium-pheight:19.006981132075vw;
        --large-width:14.5vw;
        --large-height:19.629716981132vw;
        --large-pheight:21.5vw;
        
        --header-backcol:hsla(39, 100%, 58%, 1);
        --header-buttoncol:rgba(81, 189, 222, 1);
        --header-buttoncol-passive:rgba(81, 189, 222, 0.4);
        }
    * {
        box-sizing:border-box;
        -webkit-user-select:none;
        user-select:none;
        }
    input,textarea {
        -webkit-user-select:text;
        user-select:text;
        }
    body{
        margin:0;
        }
    p {
        font-size:14px;
        }
    h2 {
        font-size:18px;
        font-weight:bold;
        font-family:monospace;
        }
    h3 {
        font-size:16px;
        font-weight:bold;
        font-family:monospace;
        }
    #header{
        position: relative;
        text-align: center;
        background-color: var(--header-backcol);
        box-shadow: 0px 0px 6px rgba(0,0,0,0.7);
        margin-bottom: 20px;
        }
    .login #header{
        padding: 30px 0;
        }
    #header .m{
        padding: 6px;
        box-shadow: 0px 4px 6px rgba(0,0,0,0.2);
        }
    #wrapper{
        vertical-align:top;
        position:relative;
        font-size:0;
        padding:10px 0 10px 20px;
        }
    .spread{
        display:inline-block;
        position:relative;
        vertical-align: top;
        width:20vw;
        margin-right:20px;
        margin-bottom:20px;
        font-size: 0;
        transition: all 200ms;
        }
    .pages{
        position:relative;
        height:calc(14vw + 26px);
        }
    .page, .page-buttons{
        position:relative;
        /* float:left; */
        width:10vw;
        /* height:16vw; */
        height:auto;
        font-size: 20px;
        line-height:20px;
        display: inline-block;
        vertical-align: top;
        overflow:hidden;
        transition: all 200ms;
        }

    .pages.move .page[data-side="right"]{
        /* float:right; */
        margin-left: 10vw;
        }
    .pages.move .page[data-side="left"]{
        /* float:left; */
        }
    .spread:first-child .page{
        margin-left:50%
        }
    body.small .spread:first-child .page{
        margin-left:75%
        }
    .page .pagenumber{
        text-align:left;
        font-family: sans-serif;
        font-size: 12px;
        line-height: 18px;
        height: 1.1vw;
        padding: 0px 10px;
        background-color: #efefef;
        cursor: move;
        margin: 0.25vw 1vw 0.25vw 0;
        border-radius: 10px;
        
        }
    .page:first-child .pagenumber{
        cursor: default;
        }
    .page[data-side="left"] .pagenumber{
        text-align:left;
        margin: 0.25vw 0vw 0.25vw 1vw;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-right:1px solid rgba(0,0,0,0.3);
        }
    .page[data-side="right"] .pagenumber{
        text-align:right;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-left:1px solid rgba(0,0,0,0.3);
        }

    .page .pagenumber:hover{
        background-color:#dedede;
        }
    .page.move{
        position:absolute;
        }
    .page.over .cont{
        border-right: 10px solid black !important;
        }
   .page .cont:hover{
        border-color:lightgray;
        }
    .spread .page:nth-child(2n) .pagenumber{
        /* text-align:right; */
        }
    .page .cont{
        position:relative;
        border:1px solid rgba(255,255,255,0.5);
        border-top-width:0px;
        height: 14.5vw;
        width: var(--medium-width);
        max-width: var(--medium-width);
        /* height: calc(100% - 30px); */
        background-color:lightgray;
        font-family: monospace;
        font-size: 12px;
        line-height:14px;
        padding:1px;
        outline:0;
        display:table-cell;
        vertical-align: middle;
        overflow:scroll;
        box-sizing: border-box;

        word-break: break-all;
        hyphens: auto;
        -webkit-hyphens: auto;
        overflow:hidden;
/* 
-webkit-user-select: all;
user-select: all;
 */
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
        }

    .page .cont:focus{
        z-index:101;
        box-shadow:1px 1px 6px rgba(0,0,0,0.6);
        }
    .page .cont, .page .cont *{
        -webkit-user-select: text;
        user-select: text;
        }
    .masthead-cont{
        position: absolute;
        z-index: 200;
        top: 1.5vw;
        width: 100%;
        }
    .page.hasimage .masthead-cont{
        display:none;
        }
    .page[data-type="cover"] .cont{
        /* vertical-align:top; */
        padding-top:1vw;
        /* height: 13vw; */
        }
    .page[data-tema="1"] .cont{
        border-top: 0.2vw solid rgba(255, 51, 0, 0.80);
        /* border-right: 10px solid; */
        /* height: 13vw; */
        /* height: calc(100% - 40px); */
        }
    .page[data-tema="1"][data-side="right"] .pagenumber{
        border-left: 2vw solid rgba(255, 51, 0, 0.80);
        /* border-right: 10px solid; */
        /* height: 13vw; */
        /* height: calc(100% - 40px); */
        }
    .page[data-tema="1"][data-side="left"] .pagenumber{
        border-right: 2vw solid rgba(255, 51, 0, 0.80);
        /* border-right: 10px solid; */
        /* height: 13vw; */
        /* height: calc(100% - 40px); */
        }
    body.expose .page[data-type="annonce"] .cont{
        background-image:none !important;
        }

    .page.blank, .page-buttons{
        margin-top:24px
        }
    .page.blank .cont, .page-buttons .cont{
        background-color:transparent;
        }
    #page-option-tema .mark {
        vertical-align: middle;
        }
    #page-option-tema .mark:before{
        content:'◻';
        color:gray;
        }
    #page-option-tema[data-tema="1"] .mark:before{
        content:'◼';
        color:rgba(255, 51, 0, 0.80);
        }
    
    .spread-handler{
        /* background-color:orange; */
        height:14px;
        font-size: 18px;
        line-height: 12px;
        color: lightgray;
        letter-spacing: -0.15em;
        cursor:move;
        text-align: center;
        }
    .spread-handler:before{
        content:'≡≡';
        transform:scale3d(1,1,1);
        }
    .spread:first-child .spread-handler{
        margin-left:50%;
        width:50%;
        }
    .spread-handler:hover{
        /* background-color:red; */
        color:black;
        }
    #data{
        position: absolute;
        top: 24px;
        width: 45%;
        left:2%;
        }
    body.small #data{
        top: 0px;
        width: 65%;
        left: 0%;
        }
    #data .data{
        /* display:inline-block; */
        font-family: monospace;
        font-size: 11px;
        line-height: 13px;
        padding: 2px 20px 2px 0;
        vertical-align: top;
        cursor:pointer;  
        }
    body.small #data .data{
        font-size: 10.5px;
        line-height: 11px;
        padding: 1px 20px 1px 0;
        }
    #data .data:hover{
        font-weight:bold;
        color:rgba(220,0,0,1);
        }
    #data .data .data-number{
        font-size:110%;
        font-weight:bold;
        
        }
    #data .buttons{
        margin-top:6px;
        margin-left:-3px;
        padding-top:8px;
        }
    svg#masthead path {
        fill: black;
        }
    .page[data-head="white"] svg#masthead path {
        fill: white;
        }
    
    .page-tools{
        position:absolute;
        bottom:0px; left:0px;
        font-size:20px;
        font-family:sans-serif;
        cursor:pointer;
        z-index:101;
        }
    .popup .page-tools{
        position:relative;
        font-size:20px;
        font-family:sans-serif;
        cursor:pointer;
        }
    .page-tools .tool{
        display:inline-block;
        margin: 2px 10px 2px 0;
        background-color: white;
        padding: 0 4px;
        }
    .page-tools .gear:before{
        content:'⚙︎︎';
        }
    .page-tools .addthumbs:before{
content: 'k';
font-family: Liif-base;
        /* content:'⊕'; */
        }
    .page-tools .addpage:before{
content: '+';
font-family: Liif-base;
        /* content:'⊕'; */
        }
    .page-tools .deletepage:before{
content: 'X';
font-family: Liif-base;
        /* content:'⊗'; */
        }
    .page.selected .page-tools .gear{
        transform: scale(1.3);
        text-shadow:0px 0px 2px rgba(0,0,0,1);
        color:rgba(232, 92, 19, 1);
        }
    .page.beingmoved{
        opacity:0.1;
        }
    body.large .spread{
        width:29vw;
        margin-right: 3vw;
        }
    body.large .pages{
        height:calc(var(--large-pheight) + 26px);
        }
    body.large .page{
        width:var(--large-width);
        height:var(--large-pheight);
        }
    body.large .page .cont{
        width:var(--large-width);
        height:var(--large-height);
        max-width: var(--large-width);
        }
    body.large .page[data-tema="1"] .cont{
        /* height:18vw; */
        }
    body.large .page[data-type="cover"] .cont{
        /* height:18vw; */
        }
    body.large #data .data{
        font-size: 12px;
        line-height: 14px;
        }
    body.large .pages.move .page[data-side="right"]{
        /* float:right; */
        margin-left: var(--large-width);
        }

    @media(max-width:900px){
        #data{
            top:0px;
            }
        #data .data{
            font-size: 10px;
            line-height: 10px;
            padding-top:0;
            }
        body.default .spread:first-child{
            width:40vw;
            margin-left: 20px;
            margin-right: 20px;
            }
        .spread:first-child .page{
            margin-left: 75%;
            }
        }
    body.small .spread{
        width:14vw;
        margin-right: 20px;
        }
    body.small .spread:first-child{
        width:28vw;
        margin-left: 20px;
        }
    body.small .pages{
        height:calc(9vw + 26px);
        }
    body.small .page{
        width:var(--small-width);
        height:var(--small-pheight);
        }
    body.small .page .cont{
        width:var(--small-width);
        height:var(--small-height);
        max-width: var(--small-width);
        font-size: 9px;
        line-height: 10px;
        }
    body.small .page[data-tema="1"] .cont{
        /* height:9vw; */
        }
    body.small .page[data-type="cover"] .cont{
        /* height:9vw; */
        }
    body.small #data .data{
        font-size: 10px;
        line-height: 11px;
        }
    body.small .pages.move .page[data-side="right"]{
        /* float:right; */
        margin-left: var(--small-width);
        }

    #buttons{
        margin-top: 3px;
        vertical-align:top;
        font-size: 0;
        line-height: 0;
        }
    .buttons-block{
        width:33.3%;
        min-height:10px;
        display:inline-block;
        vertical-align:top;
        }
    .buttons-block:nth-child(3n+1){
        text-align:left;
        /* background-color:yellow; */
        }
    .buttons-block:nth-child(3n+2){
        text-align:center;
        /* background-color:lightyellow; */
        }
    .buttons-block:nth-child(3n){
        text-align:right;
        }
    .buttons{
        display:inline-block;
        margin-top: 3px;
        }
    .buttons.admin{
        float:left;
        }
    .buttons.login{
        position:relative;
        margin:20px auto;
        max-width:320px;
        
        display:block;
        }
    .buttons.logout{
        float:right;
        position:relative;
        }
    .buttons.login input{
        font-size:24px;
        line-height:24px;
        height:36px;
        width:100%;
        margin:2px 0;
        padding:0 10px;
        border-radius:6px;
        -webkit-user-select: text;
        user-select: text;
        }
    .buttons.login input[type="text"], .buttons.login input[type="password"]{
        background-color:rgba(255,255,255,0.7);
        border:0;
        }
    .buttons.login input[type="submit"]{
        font-weight:bold;
        color:white;
        background-color:rgba(137,191,41,1);
        }
    .buttons a, .mini a{
        color:inherit;
        text-decoration: none;
        }
    .popup {
        position:absolute;
        /* display:none; */
        background-color: rgba(255, 240, 181, 0.8);
        font-family: monospace;
        font-size:12px;
        line-height:16px;
        padding: 4px 0;
        z-index:1000;
        }
    .popup .action{
        margin: 2px 6px;
        cursor:pointer;
        }
    .popup .action:hover{
        background-color: rgba(255,204,0,0.5);
        }
    .popup .action.selected{
        font-weight:bold;
        margin-left: -1px;
        margin-right: 0;
        }
    .popup .action.selected:before{
        content:'•';
        margin-right:2px;
        }
    .hidden{
        display:none;
        }
    .button {
        padding:0px 10px;
        font-family: monospace;
        font-size: 12px;
        line-height: 26px;
        height: 28px;
        min-width: 28px;
        border-radius: 14px;
        border: 1px solid rgba(0,0,0,0.3);
        background-color:rgba(255,255,255,0.5);
        display:inline-block;
        cursor:pointer;
        margin-right:6px;
        vertical-align: top;
        }
    #save-dummy-button{
        opacity:1;
        transition:opacity 250ms;
        }
    .button a.button, .button input.button, a.button{
        height: 20px;
        margin-top: 3px;
        line-height: 20px;
        margin-right: 3px;
        padding: 0 6px;
        background-color: rgba(0,0,0,0.3);
        border: 0;
        color: white;
        font-weight:normal;
        }
        
    .button input.button{
        background-color: rgba(0,0,0,0.3);
        border: 0;
        margin-right: 0;
        margin-left: 0;
        }
        
    #save-dummy-button.saving{
/* 
        background-color:rgba(102,102,102,0.2);
        color:rgba(102,102,102,0.2);
        border-color:rgba(0, 0, 0, 0.1);
 */
        opacity:0;
        }

    #my-magazines{
        /* border:1px solid white; */
        margin:-10px auto 0 auto;
        padding:0px;
        position:relative;
        width:50%;
        display:none;
        }
    body.admin-open #my-magazines{
        display:block;
        }
    #my-magazines:empty{
        display:none !important;
        }
    .admin .button {
        transition:backbround-color 250ms;
        }
    .button.admin-expose, .button.admin-rewind, .button.icon{
        font-size: 20px;
        line-height: 29px;
        padding: 0px 6px;
        }
    .button.admin-rewind, .button.icon{
        font-family: Liif-base;
        }
    #header.minify .button.icon.minify,
    .button.icon.unminify{
        color:rgba(0,0,0,1);
        background-color:rgba(255,255,255,0.6)
        }
    .button.icon.minify,
    #header.minify .button.icon.unminify{
        color:rgba(0,0,0,0.3);
        background-color:rgba(255,255,255,0.2)
        }
    .button.admin-expose span.off{
        display:inline-block;
        }
    .button.admin-expose span.on{
        display:none;
        }
    body.expose .button.admin-expose span.off{
        display:none;
        }
    body.expose .button.admin-expose span.on{
        display:inline-block;
        }

    body.expose .button.admin-expose{
        background-color:rgba(255,190,0,1);
        }
    body.thumbs-open .admin .button.thumbs-open,
    input[name=issue-submit],
    input[name=issue-submit].magazine-input,
    input[name=cmd] {
        background-color:var(--header-buttoncol);
        
        }
    form.nofiles input[name=cmd] {
        display:none;
        
        }
    body.admin-open .admin .button.admin-open,
    #save-dummy-button {
        background-color:var(--header-buttoncol-passive);
        }
    .button.scale{
        padding:0;
        border: 0px;
        /* font-size:18px; */
        /* line-height: 24px; */
        letter-spacing: -0.2em;
        background-image: url(https://data.wil.dk/pro/dummy/view-size.png);
        background-repeat:no-repeat;
        background-position: center center;
        background-size: 20px;
        }
    .button.scale.small{
        /* font-size:12px; */
        background-size: 13px;
        }
    .button.scale.large{
        /* font-size:30px; */
        background-size: 30px;
        }
    .page[data-ann="port"] .cont{
        background-image:url(https://data.wil.dk/pro/dummy/dummy-half-portrait.png);
        background-size:cover;
        background-position: center center;
        background-repeat:no-repeat;
        }
    .page[data-ann="port"][data-side="left"] .cont{
        background-image:url(https://data.wil.dk/pro/dummy/dummy-half-portrait-left.png);
        }
    .page[data-ann="land"] .cont{
        background-image:url(https://data.wil.dk/pro/dummy/dummy-half-land.png);
        background-size:cover;
        background-position: center center;
        background-repeat:no-repeat;
        }
    @media print{
        .page-tools, .buttons, #header{
            display:none;
            }
        .spread-handler:before{
            content:'';
            }
        .page .pagenumber, .page .pagenumber:hover{
            background-color:transparent;
            }
        .page .cont {
            border:1px solid #787878;
            }
        }
    pre{
        max-width:100vw;
        overflow-x:hidden;
        font-size: 11px;
        line-height: 11px;
        }
    pre:empty{
        display:none;
    }
    .pre, .pre a{
        font-family: monospace;
        font-size: 12px;
        line-height: 26px;
        white-space:pre;
        text-decoration:none;
        color: rgba(0,0,0,0.7);
        }
    .pre a:hover{
        color: rgba(0,0,0,0.7);
        }
    #admin-head{
        }
    #admin-head h3{
        font-size: 20px;
        line-height:22px;
        font-family: monospace;
        margin-bottom:20px;
        transition: all 250ms;
        }
    #admin-head h3:empty{
        display:none;
        }
    body.admin-open #admin-head h3{
        margin-bottom: 10px;
        }

    #admin-admin{
        vertical-align:top;
        height:0;
        transition:height 250ms;
        overflow: hidden;
        }
    #admin-head .data{
        /* display:inline-block; */
        font-family: monospace;
        font-size: 12px;
        line-height: 15px;
        vertical-align: top;
        cursor:pointer;  
        }
    #admin-admin div{
        padding:10px 0 20px 0;
        }
    #admin-head .bold{
        font-weight:bold
        }
    #admin-head .note{
        color:rgba(255,255,2550.8);
        }
    #admin-head #newer-dummies{
        font-weight:bold;
        }
    #admin-head a{
        color:inherit;
        text-decoration:none;
        }
    #admin-head .current{
        }
    p#newer-dummies{
        margin:4px 0;
        }
    p#newer-dummies_:beform{
        content:'Bemærk: ';
        font-weight:bold
        }
    #admin-thumbnails{
        vertical-align:top;
        height:0;
        transition:height 250ms;
        overflow: hidden;
        background-color: rgba(171, 168, 135, 0.2);
        }
    #admin-thumbnails div{
        padding:20px 0 0 0;
        }
    #admin-thumbnails div.thumb{
        display: inline-block;
        position: relative;
        padding:0;
        margin:0;
        }
    #admin-thumbnails div.thumb.deleted{
        opacity:0.3;
        }
    #admin-thumbnails .deleteimage{
        position: absolute;
        top: 3px;
        left: 3px;
        background-color: rgba(255,255,255,0.8);
        color: black;
        padding: 2px 4px;
        cursor:pointer;
        }
    #admin-thumbnails .deleteimage:hover{
        background-color:rgba(255,105,24,0.7);
        color:white;
        }
    #admin-thumbnails .addimage{
        position: absolute;
        bottom: 2px;
        left: 2px;
        background-color: rgba(255,255,255,0.8);
        color: black;
        padding: 2px;
        }
    #admin-thumbnails img{
        vertical-align:top;
        width:60px;
        height:81.22641509434px;
        cursor:pointer;
        margin:3px;
        }
    #admin-thumbnails .thumb.minify{
        width:10px;
        overflow:hidden;
        }
    #admin-thumbnails img.minify{
        width:10px;
        }
    #admin-thumbnails .thumb.minify .deleteimage,
    #admin-thumbnails .thumb.minify .addimage{
        display:none;
        }
    .mini{
        font-size: 0.8em;
        font-weight: normal;
        }
    #admin-head .mini a{
        color:rgba(255,255,255,0.7);
        }
    #admin-head .mini a:after, #admin-head a:after{
        color:rgba(255,255,255,0.85);
        content:'▸';
        /* content:'►▶︎▸➤'; */
        margin-left:4px;
        }
    #admin-head .current a:after{
        color:rgba(255,255,255,0.85);
        content:'(åben)';
        /* content:'►▶︎▸➤'; */
        margin-left:4px;
        }
    #admin-head a.clean:after{
        content:'';
        }
    #admin-head .mag-cover{
        position:relative;
        vertical-align:top;
        display:inline-block;
        width:80px;
        height:60px;
        margin:0 6px;
        background-color:rgba(0,0,0,0.1);
        background-blend-mode: multiply;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        border-top: 3px dotted rgba(255,255,255,0.5);
        transition:all 250ms;
        }
    #admin-head .mag-cover.make-new{
        background-color: rgba(0,0,0,0);
        border: 1px dashed rgba(255,255,255,0.5);
        border-top: 3px dotted rgba(255,255,255,0.3);
        }
    #admin-head .mag-cover:hover,
    #admin-head .mag-cover.make-new:hover{
        margin-top: 4px;
        margin-bottom: -4px;
        border-top: 3px dotted rgb(128, 100, 29);
        border-bottom: 1px solid rgba(255,255,255,0.2);
        border-right: 1px solid rgba(255,255,255,0.1);
        box-shadow: 1px 2px 7px rgba(0,0,0,0.4);
        transform: scale(1.01);
        }
    .shadow{
        width: 50%;
        margin: 0px auto 10px;
        box-shadow: 0px 10px 10px rgba(0,0,0,0.2);
        }
    .shadow h3, #admin-head .shadow h3{
       width: 150%;
        margin: 0 -25% 10px;
        padding-bottom: 20px;
        background-color: var(--header-backcol);

        }
    @media(max-width:560px){
        .shadow{
            width: 90%;
            }
        .shadow h3, #admin-head .shadow h3{
            width: 110%;
            margin: 0 -5% 10px;
            }
        }
    body.scroll #header {
        position: fixed;
        z-index: 2000;
        width:100%;
        top:0;
        }
    body.scroll #header #admin-head {
        display: none;
        }
    .issue-input{
        padding: 0px 10px;
        font-family: monospace;
        font-size: 12px;
        line-height: 22px;
        height: 24px;
        min-width: 28px;
        border-radius: 14px;
        border: 1px solid rgba(0,0,0,0.1);
        background-color: rgba(255,255,255,0.8);
        display: inline-block;
        /* cursor: pointer; */
        margin-right: 6px;
        text-align:right;
        }

    :root{
        --arg-height: 24px;
        --arg-sheight: 16px;
        }
    .args-row{
        position:relative;
        margin:5px auto;
        max-width:600px;
        height:var(--arg-height);
        }
    .args-row.sep{
        margin-top:20px;
        padding-top:10px;
        border-top:1px solid var(--header-buttoncol);
        }
    .arg {
        display:inline-block;
        width:19%;
        margin:0 2%;
        font-family:monospace;
        font-size:12px;
        line-height:var(--arg-height);
        height:var(--arg-height);
        overflow: hidden;
        }
    .arg a{
        text-decoration: none;
        color:rgba(0,0,0,0.8);
        }
    .arg a:hover{
        text-decoration: none;
        color:rgba(0,0,0,1);
        }
    .arg.c {
        width:34%;
        }
    .users .args-row{
        height:auto;
        }
    .users .arg{
        width:100%;
        margin:0;
        font-family::monospace;
        height:auto;
        }
    .users .arg input{
        width:100%;
        -webkit-user-select: text;
        user-select: text;
        font-family: monospace;
        padding: 4px 6px;
        font-size: 1.1em;
        }
    .users .arg span input, .users .arg input[type=checkbox], input[type=checkbox]{
        width:auto;
        margin-right:6px;
        }
    .users .arg span{
        font-family:monospace;
        font-size:12px;
        line-height:var(--arg-height);
        vertical-align:middle;
        width:20%;
        }
    .users .arg span input, .users .arg span label{
        vertical-align:middle;
        }
    .users .arg .bl{
        width:20%;
        margin-left:1%;
        position: relative;
        float: left;
        word-break: break-all;
        overflow: hidden;
        height: var(--arg-height);
        }
    .users .arg .bl.name{
        width:30%;
        }
    .magazine-edit .arg{
        width:50%;
        }
    .magazine-edit input.arg{
        width:100%;
        }
    input.arg,
    .magazine-edit input.arg {
        width:100%;
        margin:0;
        text-align:left;
        border:1px dotted rgba(0,0,0,0.2);
        -webkit-user-select: text;
        user-select: text;
        }
    .magazine-edit input.arg.magazine-input[type="submit"] {
        text-align:center;
        }
    input.arg.color {
        /* width:calc(90% - var(--arg-height)); */
        width:100%;
        padding-left: 4px;
        /* border: 0; */
        border-left: var(--arg-height) solid gray;
        margin:0;
        }
    .arg.bold {
        font-weight:bold;
        }
    .arg.head {
        padding-bottom:10px;
        }
    
    input.magazine-input, input.magazine-add{
        margin: 10px auto;
        width:300px;
        text-align: center;
        -webkit-appearance: none;
        border-radius: 20px;
        padding:0;
        line-height: var(--arg-sheight);
        }
    input.magazine-input[type=submit]{
        background-color:var(--header-buttoncol);
        }
    input.magazine-add{
        width:var(--arg-height);
        margin-right: 20px;
        }
        pre {
        display:none;
        }