/* --------------- csspath /modulesbase/elements/content/text/image/css/image.css --------------- */
.oh-internet-sisallonhallinta-sisaltoeditori-text-image *:not(figcaption){-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.oh-internet-sisallonhallinta-sisaltoeditori-text-image figure{position:relative;clear:both;max-width:100%;display:block}
.oh-internet-sisallonhallinta-sisaltoeditori-text-image .hover-peip{position:absolute;width:calc(100% + 20px);height:65px;top:-10px;z-index:1;left:-10px}
.oh-internet-sisallonhallinta-sisaltoeditori-text-image .imageoptions-container{bottom:0;left:0;position:absolute;width:100%;bottom:-50px;text-align:center;min-width:330px;max-width:330px;z-index:1;margin:auto;left:0;right:0}
.oh-internet-sisallonhallinta-sisaltoeditori-text-image .imageoptions{background:rgb(245,245,245);padding:0.5rem;border:1px solid rgb(160,160,160);box-shadow:1px 4px 6px 1px rgba(0,0,0,0.34);display:inline-block;text-align:left;position:relative}
.oh-internet-sisallonhallinta-sisaltoeditori-text-image .imagecrop-options,
.oh-internet-sisallonhallinta-sisaltoeditori-text-image .imagecaption-options,
.oh-internet-sisallonhallinta-sisaltoeditori-text-image .imagealt-options,
.oh-internet-sisallonhallinta-sisaltoeditori-text-image .imageclass-options,
.oh-internet-sisallonhallinta-sisaltoeditori-text-image .imagealign-options,
.oh-internet-sisallonhallinta-sisaltoeditori-text-image .imagelink-options{position:absolute;display:inline-block;background:rgb(245,245,245);padding:10px;margin-top:0;margin-left:0;border:1px solid rgb(160,160,160);box-shadow:inset 0 10px 7px -5px rgba(164,164,164,0.84),2px 3px 5px 1px rgba(0,0,0,0.25);border-top:0;z-index:2;right:5px;top:42px;width:calc(100% - 10px)}
.oh-internet-sisallonhallinta-sisaltoeditori-text-image .sui.button{padding:4px 4px;height:32px;position:relative;z-index:2}
.oh-internet-sisallonhallinta-sisaltoeditori-text-image .imagecaption-options .sui.button,
.oh-internet-sisallonhallinta-sisaltoeditori-text-image .imagealt-options .sui.button,
.oh-internet-sisallonhallinta-sisaltoeditori-text-image .imageclass-options .sui.button,
.oh-internet-sisallonhallinta-sisaltoeditori-text-image .imagelink-options .sui.button{display:block;width:100%;font-size:10px;background:rgb(255,255,255);margin:10px 0;border-radius:2px;text-align:center;font-weight:500;box-shadow:1px 1px 3px rgba(0,0,0,0.14)}
.oh-internet-sisallonhallinta-sisaltoeditori-text-image .imagecaption-options .sui.button:last-child,
.oh-internet-sisallonhallinta-sisaltoeditori-text-image .imagealt-options .sui.button:last-child,
.oh-internet-sisallonhallinta-sisaltoeditori-text-image .imageclass-options .sui.button:last-child{margin-bottom:0}
.oh-internet-sisallonhallinta-sisaltoeditori-text-image .imagecaption-options input,
.oh-internet-sisallonhallinta-sisaltoeditori-text-image .imagealt-options input{margin:0;padding:4px;width:100%;height:25px;z-index:2;display:block;font-size:12px}
.oh-internet-sisallonhallinta-sisaltoeditori-text-image .align-left .sui.button[data-command="align-left"],
.oh-internet-sisallonhallinta-sisaltoeditori-text-image .align-center .sui.button[data-command="align-center"],
.oh-internet-sisallonhallinta-sisaltoeditori-text-image .align-right .sui.button[data-command="align-right"],
.oh-internet-sisallonhallinta-sisaltoeditori-text-image .img-sm .imageclass-options .sui.button[data-command="img-sm"],
.oh-internet-sisallonhallinta-sisaltoeditori-text-image .img-md .imageclass-options .sui.button[data-command="img-md"],
.oh-internet-sisallonhallinta-sisaltoeditori-text-image .img-lg .imageclass-options .sui.button[data-command="img-lg"],
.oh-internet-sisallonhallinta-sisaltoeditori-text-image .img-full .imageclass-options .sui.button[data-command="img-full"],
.oh-internet-sisallonhallinta-sisaltoeditori-text-image .img-original .imageclass-options .sui.button[data-command="img-original"]{box-shadow:inset 0 0 0 1px rgb(204,204,204);outline:0;background:rgb(238,238,238)}
.oh-internet-sisallonhallinta-sisaltoeditori-text-image span.divider{background-color:rgb(232,232,232);width:1px;height:100%;position:absolute;top:0;margin-left:3px}
.oh-internet-sisallonhallinta-sisaltoeditori-text-image .divider + .button{margin-left:10px}
.oh-internet-sisallonhallinta-sisaltoeditori-text-image .title{font-size:9px;margin-left:-6px;text-transform:uppercase;font-weight:700;color:rgb(72,72,72);position:absolute;top:-12px}
.oh-internet-sisallonhallinta-sisaltoeditori-text-image .divider + .title{margin-left:4px}
.oh-internet-sisallonhallinta-sisaltoeditori-text-image .img-sm{width:25%}
.oh-internet-sisallonhallinta-sisaltoeditori-text-image .img-md{width:33.333332%}
.oh-internet-sisallonhallinta-sisaltoeditori-text-image .img-lg{width:50%}
.oh-internet-sisallonhallinta-sisaltoeditori-text-image .img-original{width:auto;max-width:100%}
.oh-internet-sisallonhallinta-sisaltoeditori-text-image .img-full{width:100%}
.oh-internet-sisallonhallinta-sisaltoeditori-text-image .img-sm img{width:100%}
.oh-internet-sisallonhallinta-sisaltoeditori-text-image .img-md img{width:100%}
.oh-internet-sisallonhallinta-sisaltoeditori-text-image .img-lg img{width:100%}
.oh-internet-sisallonhallinta-sisaltoeditori-text-image .img-full img{width:100%}
.oh-internet-sisallonhallinta-sisaltoeditori-text-image .img-full::before,
.oh-internet-sisallonhallinta-sisaltoeditori-text-image .img-full::after{display:table;clear:both;content:""}
.oh-internet-sisallonhallinta-sisaltoeditori-text-image figure{margin-bottom:8px !important}
.oh-internet-sisallonhallinta-sisaltoeditori-text-image figure.justify:not(.img-full):not(.img-original){margin-right:100%}
.oh-internet-sisallonhallinta-sisaltoeditori-text-image figure.img-original img{width:auto;height:auto;max-width:100%}
.oh-internet-sisallonhallinta-sisaltoeditori-text-image figure.text-left:not(.img-full),
.oh-internet-sisallonhallinta-sisaltoeditori-text-image figure.text-left:not(.img-full) img{text-align:left;margin:0 8px 8px 0}
.oh-internet-sisallonhallinta-sisaltoeditori-text-image figure.text-right .imageoptions-container{right:0;left:auto}
.oh-internet-sisallonhallinta-sisaltoeditori-text-image figure.text-right:not(.img-full),
.oh-internet-sisallonhallinta-sisaltoeditori-text-image figure.text-right:not(.img-full) img{text-align:right;margin:0 0 8px 8px}
.oh-internet-sisallonhallinta-sisaltoeditori-text-image figure.text-center:not(.img-full),
.oh-internet-sisallonhallinta-sisaltoeditori-text-image figure.text-center:not(.img-full) img{text-align:center;margin:0 auto 8px auto}
.oh-internet-sisallonhallinta-sisaltoeditori-text-image figure img{max-width:100%;width:100%}
.oh-internet-sisallonhallinta-sisaltoeditori-text-image .sui.button .fa{margin-right:6px;font-size:14px}
.oh-internet-sisallonhallinta-sisaltoeditori-text-image .sui.button .fa:last-child{margin-right:0}
.oh-internet-sisallonhallinta-sisaltoeditori-text-image .sui.button .fa.fa-caret-down{font-size:12px}
.oh-internet-sisallonhallinta-sisaltoeditori-text-image a.image-anchor{position:relative}
.oh-internet-sisallonhallinta-sisaltoeditori-text-image span.recommended-size{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0 auto;height:30px;font-size:22px;font-weight:700;line-height:1;color:rgb(255,255,255);text-shadow:1px 1px 1px black;text-decoration:none;font-family:monospace;pointer-events:none;white-space:normal}
.oh-internet-sisallonhallinta-sisaltoeditori-text-image .imagecrop-options{text-align:center;padding:10px;max-height:400px}
.oh-internet-sisallonhallinta-sisaltoeditori-text-image .crop-placeholder{padding-bottom:0 !important;padding-left:0 !important;padding-right:0 !important;font-weight:bold;font-family:monospace;font-size:140%;border:0;border-radius:2px;background:rgb(221,221,221);position:relative;width:100%;max-width:100%;max-height:100%;border:2px solid rgb(153,153,153)}
.oh-internet-sisallonhallinta-sisaltoeditori-text-image .crop-placeholder>span{position:absolute;top:calc(50% - 10px);left:0;right:0}
.oh-internet-sisallonhallinta-sisaltoeditori-text-image .crop-wrap{width:73px;height:73px;max-width:73px;max-height:73px;float:left;margin:6px}
.oh-internet-sisallonhallinta-sisaltoeditori-text-image .crop-placeholder.crop-img-auto{padding-top:0%;height:auto;width:80px;height:60px}
.oh-internet-sisallonhallinta-sisaltoeditori-text-image .crop-img-16-9.crop-placeholder,
.oh-internet-sisallonhallinta-sisaltoeditori-text-image .crop-img-16-9 a{padding-top:56.25%}
.oh-internet-sisallonhallinta-sisaltoeditori-text-image .crop-img-4-3.crop-placeholder,
.oh-internet-sisallonhallinta-sisaltoeditori-text-image .crop-img-4-3 a{padding-top:75%}
.oh-internet-sisallonhallinta-sisaltoeditori-text-image .crop-img-3-2.crop-placeholder,
.oh-internet-sisallonhallinta-sisaltoeditori-text-image .crop-img-3-2 a{padding-top:66.66%}
.oh-internet-sisallonhallinta-sisaltoeditori-text-image .crop-img-8-5.crop-placeholder,
.oh-internet-sisallonhallinta-sisaltoeditori-text-image .crop-img-8-5 a{padding-top:62.5%}
.oh-internet-sisallonhallinta-sisaltoeditori-text-image .crop-img-1-1.crop-placeholder,
.oh-internet-sisallonhallinta-sisaltoeditori-text-image .crop-img-1-1 a{padding-top:100%}
.oh-internet-sisallonhallinta-sisaltoeditori-text-image figure.crop-img-auto .crop-img-auto.crop-placeholder,
.oh-internet-sisallonhallinta-sisaltoeditori-text-image figure.crop-img-16-9 .crop-img-16-9.crop-placeholder,
.oh-internet-sisallonhallinta-sisaltoeditori-text-image figure.crop-img-4-3 .crop-img-4-3.crop-placeholder,
.oh-internet-sisallonhallinta-sisaltoeditori-text-image figure.crop-img-3-2 .crop-img-3-2.crop-placeholder,
.oh-internet-sisallonhallinta-sisaltoeditori-text-image figure.crop-img-8-5 .crop-img-8-5.crop-placeholder,
.oh-internet-sisallonhallinta-sisaltoeditori-text-image figure.crop-img-1-1 .crop-img-1-1.crop-placeholder{border-color:rgb(68,170,68);background-color:rgb(170,238,170)}
.oh-internet-sisallonhallinta-sisaltoeditori-text-image figure[class*="crop-img-"]:not(.crop-img-auto) a{height:0;position:relative;background-color:rgb(51,51,51)}
.oh-internet-sisallonhallinta-sisaltoeditori-text-image figure.crop-img-auto .rotate{opacity:0.5;pointer-events:none}
.oh-internet-sisallonhallinta-sisaltoeditori-text-image figure[class*="crop-img-"]:not(.crop-img-auto) img{}
.oh-internet-sisallonhallinta-sisaltoeditori-text-image figure[class*="crop-img-"]:not(.crop-img-auto)>a>img{position:absolute !important;top:0;left:0;width:100%;height:100%;z-index:2}
.oh-internet-sisallonhallinta-sisaltoeditori-text-image .start-crop{clear:both;margin-top:10px !important;display:block}
.oh-internet-sisallonhallinta-sisaltoeditori-text-image .cropper-container{position:absolute !important;top:0;left:0;width:100%;height:100%;z-index:2}
.oh-internet-sisallonhallinta-sisaltoeditori-text-image .crop-disabled{display:none}
.oh-internet-sisallonhallinta-sisaltoeditori-text-image figure[class*="crop-img-"][class*="img-original"] .crop-enabled{display:none}
.oh-internet-sisallonhallinta-sisaltoeditori-text-image figure[class*="crop-img-"][class*="img-original"] .crop-disabled{display:block}
.oh-internet-sisallonhallinta-sisaltoeditori-text-image figure[class*="crop-img-"]:not(.crop-img-auto) .imageclass-options.img-options button:first-child{opacity:0.5 !important;pointer-events:none}
.oh-internet-sisallonhallinta-sisaltoeditori-text-image figcaption{font-size:122.5%;color:rgb(51,51,51);margin-bottom:5px;text-align:center}
/* --------------- / csspath /modulesbase/elements/content/text/image/css/image.css --------------- */
![]()